Diferència entre revisions de la pàgina «HTML estructura del document»
(→HTML 4) |
|||
| Línia 26: | Línia 26: | ||
<title>La meva pàgina personal</title> | <title>La meva pàgina personal</title> | ||
</head> | </head> | ||
| + | |||
| + | <!-- al body hi ha els continguts --> | ||
<body> | <body> | ||
| − | <! | + | <!-- la h1,h2, etc. venen de "heading" encapçalement) --> |
| − | + | <h1>La meva pàgina personal</h1> | |
<p>Benvinguts al món HTML</p> | <p>Benvinguts al món HTML</p> | ||
<!-- subseccions --> | <!-- subseccions --> | ||
| Línia 38: | Línia 40: | ||
<li>Pescar</li> | <li>Pescar</li> | ||
<li>Tocar la guitarra</li> | <li>Tocar la guitarra</li> | ||
| + | <!-- al següent exemple tens un enllaç (A = "anchor") dintre del LI --> | ||
| + | <li>Mirar vídeos al <a href="http://www.youtube.com">You Tube</a><li> | ||
<li>...</li> | <li>...</li> | ||
</ul> | </ul> | ||
| Línia 44: | Línia 48: | ||
EXERCICI: utilitza aquesta estructura del document i fes la teva pàgina personal "a mà", amb al menys 4 subseccions. | EXERCICI: utilitza aquesta estructura del document i fes la teva pàgina personal "a mà", amb al menys 4 subseccions. | ||
| + | |||
| + | ATENCIÓ: busca per internet la manera d'aconseguir que surtin bé els accents. Hi ha diverses formes de fer-ho, però es recomana que busquis el codi "meta" per establir el joc de caràcters UTF-8. | ||
| + | |||
| + | <br> | ||
| + | |||
| + | === Caixes i caixetes === | ||
| + | En l'anterior exemple ja has pogut veure diversos codis | ||
| + | |||
| + | <br> | ||
| + | |||
| + | == HTML 5 == | ||
| + | La darrera versió d'HTML és la 5 (a data de Febrer de 2015). Introdueix diverses innovacions tècniques, sobretot associat a CSS | ||
| + | |||
| + | <br> | ||
Revisió del 23:19, 24 feb 2015
Contingut
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
Benvinguts al món HTML
Biografia
...
Aficions
- Pescar
- Tocar la guitarra
- Mirar vídeos al <a href="http://www.youtube.com">You Tube</a>
- ...
</body>
</html>
EXERCICI: utilitza aquesta estructura del document i fes la teva pàgina personal "a mà", amb al menys 4 subseccions.
ATENCIÓ: busca per internet la manera d'aconseguir que surtin bé els accents. Hi ha diverses formes de fer-ho, però es recomana que busquis el codi "meta" per establir el joc de caràcters UTF-8.
Caixes i caixetes
En l'anterior exemple ja has pogut veure diversos codis
HTML 5
La darrera versió d'HTML és la 5 (a data de Febrer de 2015). Introdueix diverses innovacions tècniques, sobretot associat a CSS
