Diferència entre revisions de la pàgina «HTML estructura del document»

De Cacauet Wiki
Salta a la navegació Salta a la cerca
Línia 1: Línia 1:
normal
 
  
== titol 2 ==
+
== Introducció ==
 +
HTML significa '''HyperText Markup Language''', i és un estàndard per la navegació per la ''web'' d'internet desenvolupat pel W3C (WWW Consortium).
  
lalala
+
Es pot concebre com una extensió del genèric XML (eXtensible Markup Language), tot i que es va inventar abans. Es tracta d'un seguit de contenidors que es delimiten amb TAGS d'obertura i de tancament:
  
=== titol 3 ===
+
<syntaxhighlight lang="xml">
blabla bla...
+
<contenidor1>
 +
    <!-- això és un comentari -->
 +
    <contenidor2>
 +
        <p>Un paràgraf de text</p>
 +
    </contenidor2>
 +
</contenidor1>
 +
</syntaxhighlight>
  
Utilitzarem [[HTML taules]] per fer l'exercici.
+
Aquests arxius poden tenir l'extensió .htm o .html
 +
 
 +
<br>
 +
 
 +
== HTML 4 ==
 +
Un document HTML 4 (ara ja obsolet però encara present) sol estar estructurat de la següent manera:
 +
<syntaxhighlight lang="xml">
 +
<html>
 +
    <head>
 +
        <!-- al head solen anar metadades diverses i paràmetres generals -->
 +
        <title>La meva pàgina personal</title>
 +
    </head>
 +
    <body>
 +
        <!-- al body hi ha els continguts -->
 +
        <h1>La meva pàgina personal</h1> <-- la h1,h2, etc. venen de "heading" encapçalement) -->
 +
        <p>Benvinguts al món HTML</p>
 +
        <!-- subseccions -->
 +
        <h2>Biografia</h2>
 +
        <p>...</p>
 +
        <h2>Aficions</h2>
 +
        <!-- amb ul fem una llista on cada ítem és li -->
 +
        <ul>
 +
            <li>Pescar</li>
 +
            <li>Tocar la guitarra</li>
 +
            <li>...</li>
 +
        </ul>
 +
    </body>
 +
</html>
 +
 
 +
EXERCICI: utilitza aquesta estructura del document i fes la teva pàgina personal "a mà", amb al menys 4 subseccions.

Revisió del 23:14, 24 feb 2015

Introducció

HTML significa HyperText Markup Language, i és un estàndard per la navegació per la web d'internet desenvolupat pel W3C (WWW Consortium).

Es pot concebre com una extensió del genèric XML (eXtensible Markup Language), tot i que es va inventar abans. Es tracta d'un seguit de contenidors que es delimiten amb TAGS d'obertura i de tancament:

<contenidor1>
    <!-- això és un comentari -->
    <contenidor2>
        <p>Un paràgraf de text</p>
    </contenidor2>
</contenidor1>

Aquests arxius poden tenir l'extensió .htm o .html


HTML 4

Un document HTML 4 (ara ja obsolet però encara present) sol estar estructurat de la següent manera: <syntaxhighlight lang="xml"> <html>

   <head>
       <title>La meva pàgina personal</title>
   </head>
   <body>

La meva pàgina personal

<-- la h1,h2, etc. venen de "heading" encapçalement) -->

Benvinguts al món HTML

Biografia

...

Aficions

  • Pescar
  • Tocar la guitarra
  • ...
   </body>

</html>

EXERCICI: utilitza aquesta estructura del document i fes la teva pàgina personal "a mà", amb al menys 4 subseccions.