01 estructura
TRANSCRIPT
![Page 1: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/1.jpg)
![Page 2: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/2.jpg)
ESTRUCTURA
![Page 3: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/3.jpg)
CÓMO FUNCIONA LA ESTRUCTURA
HEADLINE(ENCABEZADO)
![Page 4: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/4.jpg)
CÓMO FUNCIONA LA ESTRUCTURA
TEXTO
![Page 5: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/5.jpg)
CÓMO FUNCIONA LA ESTRUCTURA
IMAGENES
![Page 6: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/6.jpg)
CÓMO FUNCIONA LA ESTRUCTURA
SUBHEADING(SUBTITULO)
![Page 7: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/7.jpg)
CÓMO FUNCIONA LA ESTRUCTURA
Las versiones digitales
generalmente tienen una estructura
similar
![Page 8: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/8.jpg)
ESTRUCTURA EN DOCUMENTOS DE WORD
Encabezados y subtitulos reflejan
Jerarquía de la información.
![Page 9: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/9.jpg)
ESTRUCTURA EN DOCUMENTOS DE WORD
Encabezados principales e información
importante se muestran primero
![Page 10: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/10.jpg)
ESTRUCTURA EN DOCUMENTOS DE WORD
Para la información de menor jerarquía se emplean subtitulos
![Page 11: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/11.jpg)
HTML: ESTRUCTURA DE PÁGINAS<html>
</html>
<body>
</body>
<h1>Este es el encabezado principal</h1>
<h2>Este es un subtitulo</h2>
<h2>Otro subtítulo</h2>
<p>Este texto puede ser una introducción al resto de la página.</p>
<p>Otro párrafo.</p>
<p>Artículos extensos tienen subtítulos para ayudar al seguimiento de la estructura.</p>
![Page 12: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/12.jpg)
UNA MIRADA A LAS ETIQUETAS
ETIQUETA DE APERTURA ETIQUETA DE CIERRE
CARACTER CARACTER
SIGNO MENOR QUE SIGNO MAYOR QUE
DIAGONAL
![Page 13: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/13.jpg)
langlang en-usen-us
LOS ATRIBUTOS NOS DICEN MÁS DE LOS ELEMENTOS
<a =" ">Paragraph in English</p>
NOMBRE DEL ATRIBUTO
VALOR DELATRIBUTO
![Page 14: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/14.jpg)
BODY, HEAD & TITLE
<html> <head> <title>Este es el título de...</title> </head> <body> <h1>Este es el cuerpo de la página</h1> <p>Cualquier cosa dentro del cuerpo de la página web se muestra en la ventana principal del navegador.</p> </body></html>
![Page 15: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/15.jpg)
BODY, HEAD & TITLE
<html> <head> <title>Este es el título de...</title> </head> <body> <h1>Este es el cuerpo de la página</h1> <p>Cualquier cosa dentro del cuerpo de la página web se muestra en la ventana principal del navegador.</p> </body></html>
![Page 16: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/16.jpg)
BODY, HEAD & TITLE
![Page 17: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/17.jpg)
BODY, HEAD & TITLE
<html> <head> <title>Este es el título de...</title> </head> <body> <h1>Este es el cuerpo de la página</h1> <p>Cualquier cosa dentro del cuerpo de la página web se muestra en la ventana principal del navegador.</p> </body></html>
![Page 18: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/18.jpg)
BODY, HEAD & TITLE
![Page 19: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/19.jpg)
Las páginas HTML son en realidad documentos de texto.
RESUMEN
![Page 20: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/20.jpg)
El HTML utiliza etiquetas que actuan como contenedores.
RESUMEN
![Page 21: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/21.jpg)
A las etiquetas se les hace referencia a menudo como elementos.
RESUMEN
![Page 22: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/22.jpg)
Las etiquetas generalmente estan en pares. Etiquetas de apertura denotan el inicio de un contenido, y las de cierre denotan el final.
RESUMEN
![Page 23: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/23.jpg)
Las etiquetas de apertura pueden contener atributos que indican información adicional del elemento que contienen.
RESUMEN
![Page 24: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/24.jpg)
Los atributos requieren nombre y valor.
RESUMEN
![Page 25: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/25.jpg)
ARCHIVOS HTML
Una página es un archivo donde está contenido el código HTML en forma de texto. Estos archivos tienen extensión .html o .htm (es indiferente cuál utilizar).
Consejo: Utiliza siempre la misma extensión en tus archivos HTML. Eso evitará que te confundas al escribir los nombres de tus archivos unas veces con .htm y otras con .html.
![Page 26: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/26.jpg)
ARCHIVOS HTML
Consejo: Utiliza nombres en tus archivos que tengan algunas normas básicas para ahorrarte disgustos y líos. No utilices acentos ni espacios ni otros caracteres especiales.( !”·$%&/=*ª ñ etc.)
También te ayudará escribir siempre las letras en minúsculas. Emplea nombres descriptivos para que te aclaren lo que hay dentro. Algún caracter como el guión "-" o el guión bajo "_" te puede ayudar a separar las palabras.
Por ejemplo quienes_somos.html
![Page 27: 01 estructura](https://reader030.vdocuments.co/reader030/viewer/2022032618/55b493edbb61eb04338b45eb/html5/thumbnails/27.jpg)