![31/3/2020 2.3 Estructura del documento | 2.3 Estructura del documento
file:///C:/Users/Alumno/Desktop/rgalangLOCAL/Descargables/HTML_CSS_JS/02_HTML_Introduccion_al_lenguaje/2_3_Estructura_del_docume… 2/3
See the Pen
HTML 4.01 Frameset
https://codepen.io/CRFPTIC/embed/RwwpmpO?height=135&theme-id=dark&default-
tab=html&user=CRFPTIC&slug-hash=RwwpmpO&pen-title=1015&name=cp_embed_4
See the Pen
A continuación aparecerá la etiqueta HTML que encierra todo el contenido de la página:
https://codepen.io/CRFPTIC/embed/wvvJbda?height=165&theme-id=dark&default-
tab=html&user=CRFPTIC&slug-hash=wvvJbda&pen-title=1016&name=cp_embed_5
See the Pen
La etiqueta de cierre del elemento html siempre aparecerá al nal del documento. No debe
escribirse nada tras ella.
Dentro del elemento html construiremos siempre otros dos elementos ‘hijos’: head y body.
El elemento head se empleará para proporcionar información al navegador sobre la página.
Son los metadatos de la web y no se mostrarán dentro del documento. El elemento body
albergará el contenido visible del sitio. La estructura quedaría así:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Resources
HTML
E D I T O N
Result
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
Resources
HTML
E D I T O N
Result
<!DOCTYPE html>
<html>
[...]
</html>
Resources
HTML
E D I T O N
Result](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recomendados
Más contenido relacionado
Similar a 2_3_Estructura_del_documento.pdf
Similar a 2_3_Estructura_del_documento.pdf (20)
Último
Último (20)
2_3_Estructura_del_documento.pdf
- 1. 31/3/2020 2.3 Estructura del documento | 2.3 Estructura del documento file:///C:/Users/Alumno/Desktop/rgalangLOCAL/Descargables/HTML_CSS_JS/02_HTML_Introduccion_al_lenguaje/2_3_Estructura_del_docume… 1/3 2.3 Estructura del documento 2.3 Estructura del documento 2.3 Estructura del documento 2.3 Estructura del documento La estructura básica de un documento HTML bien construido debe comenzar con la declaración del tipo de documento, Document Type Declaration o doctype, que es el medio por el que le indicamos al navegador qué versión de HTML vamos a utilizar. Con HTML5, que es la versión que emplearemos a lo largo de todo el curso, simplemente indicaremos: https://codepen.io/CRFPTIC/embed/GRRWaNb?height=135&theme-id=dark&default- tab=html&user=CRFPTIC&slug-hash=GRRWaNb&pen-title=1012&name=cp_embed_1 See the Pen Existen otros valores para el tipo de documento, dependiendo de la versión de HTML que empleemos para escribir el código: HTML 4.01 Strict https://codepen.io/CRFPTIC/embed/OJJpYpJ?height=135&theme-id=dark&default- tab=html&user=CRFPTIC&slug-hash=OJJpYpJ&pen-title=1013&name=cp_embed_2 See the Pen HTML 4.01 Transitional https://codepen.io/CRFPTIC/embed/MWWpdpm?height=135&theme-id=dark&default- tab=html&user=CRFPTIC&slug-hash=MWWpdpm&pen-title=1014&name=cp_embed_3 <!DOCTYPE html> Resources HTML E D I T O N Result <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Resources HTML E D I T O N Result
- 2. 31/3/2020 2.3 Estructura del documento | 2.3 Estructura del documento file:///C:/Users/Alumno/Desktop/rgalangLOCAL/Descargables/HTML_CSS_JS/02_HTML_Introduccion_al_lenguaje/2_3_Estructura_del_docume… 2/3 See the Pen HTML 4.01 Frameset https://codepen.io/CRFPTIC/embed/RwwpmpO?height=135&theme-id=dark&default- tab=html&user=CRFPTIC&slug-hash=RwwpmpO&pen-title=1015&name=cp_embed_4 See the Pen A continuación aparecerá la etiqueta HTML que encierra todo el contenido de la página: https://codepen.io/CRFPTIC/embed/wvvJbda?height=165&theme-id=dark&default- tab=html&user=CRFPTIC&slug-hash=wvvJbda&pen-title=1016&name=cp_embed_5 See the Pen La etiqueta de cierre del elemento html siempre aparecerá al nal del documento. No debe escribirse nada tras ella. Dentro del elemento html construiremos siempre otros dos elementos ‘hijos’: head y body. El elemento head se empleará para proporcionar información al navegador sobre la página. Son los metadatos de la web y no se mostrarán dentro del documento. El elemento body albergará el contenido visible del sitio. La estructura quedaría así: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Resources HTML E D I T O N Result <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> Resources HTML E D I T O N Result <!DOCTYPE html> <html> [...] </html> Resources HTML E D I T O N Result
- 3. 31/3/2020 2.3 Estructura del documento | 2.3 Estructura del documento file:///C:/Users/Alumno/Desktop/rgalangLOCAL/Descargables/HTML_CSS_JS/02_HTML_Introduccion_al_lenguaje/2_3_Estructura_del_docume… 3/3 Obra publicada con Licencia Creative Commons Reconocimiento Compartir igual 4.0 https://codepen.io/CRFPTIC/embed/jOOBowV?height=265&theme-id=dark&default- tab=html&user=CRFPTIC&slug-hash=jOOBowV&pen-title=1017&name=cp_embed_6 See the Pen Hay que tener en cuenta que en CodePen no es necesario incluir las etiquetas html, head ni body. Solo incluiremos el contenido del elemento body. <!DOCTYPE html> <html> <head> [...] </head> <body> [...] </body> </html> Resources HTML E D I T O N Result