Download odt - HTML

Transcript

html

Cada pgina web que mirs est escrita en un lenguaje llamado HTML. HTML es como un esqueleto que le da estructura a cada pgina web.

Estas etiquetas muestran el texto en negrita

HTML y CSS

HTML significa Hyper Text Markup Language (Lenguaje de marcado de hipertexto). Hipertexto quiere decir "texto que contiene enlaces". Cada vez que hacs clic en una palabra que te lleva a otra pgina web, ests haciendo clic en un hipertexto.

Un lenguaje de marcado es un lenguaje de programacin usado para que el texto haga algo ms que aparecer en una pgina: puede convertir texto en imgenes, enlaces, cuadros, listas, y mucho ms.El lenguaje de marcado que aprenderemos es HTML.

Qu es lo que hace que una pgina web sea linda?

Las CSS o Cascading Style Sheets (Hojas de estilo en cascada). Imaginate que es la piel y el maquillaje que cubre los huesos del HTML.

le dice al navegador qu lenguaje est leyendo (en este caso, HTML)

Esto comienza y finaliza el documento de HTML.

Terminologa bsica

Para aprender ms HTML, debemos aprender cmo hablar sobre HTML. Ya viste que usamos mucho los smbolos

El texto dentro de se llama etiqueta. Las etiquetas casi siempre vienen de a pares: una etiqueta de inicio y una etiqueta de cierre.

Un ejemplo de una etiqueta de inicio es: Un ejemplo de una etiqueta de cierre es:

Imagin que las etiquetas son como parntesis; cuando abrs uno, despus tens que cerrarlo. Las etiquetas tambin pueden anidarse, as que tens que cerrarlas en el orden correcto: la ltima etiqueta que abriste debe ser la primera que cierres, como se muestra en este ejemplo:

Texto

Encabezado y cuerpo

Todo dentro de nuestro archivo HTML ir en medio de las etiquetas de inicio y de cierre

Un archivo html siempre consiste de dos partes: el encabezado y el cuerpo.

El encabezado es donde se ingresa la informacin sobre tu archivo HTML, como, por ejemplo, el ttulo. Para el encabezado se utilizan las etiquetas y

El ttulo es lo que vemos en la barra de ttulos del buscador o pestaa de la pgina. Para definirlo se utilizan las etiquetas y

El cuerpo es donde ingress el contenido, como textos, imgenes y enlaces. El contenido del cuerpo es lo que se ver en la pgina real. El cuerpo va dentro de las etiquetas y Las etiquetas y se utilizan para crear prrafos.

y son etiquetas de encabezado para los prrafos, lo que aparezca entre estas etiquetas tendr la letra ms grande.

HTML nos permite tener ms de un tamao de encabezados. Hay seis tamaos de encabezados: es el ms grande, de mayor jerarqua y es el ms chiquito, de menor jerarqua.

Encabezados & PrrafosEncabezado del prrafo 1Prrafo 1Encabezado del prrafo 2Prrafo 2Encabezado del prrafo 3Prrafo 3

Hipervnculos

Qu pasara si quisieras mandar al usuario a otra parte de tu sitio web o directamente a otro sitio web? Tens que usar hipervnculos.

Sitio web

Primero hay una etiqueta de apertura y esa etiqueta tiene un atributo que se llama href. El valor href le dice a tu enlace adnde quers que vaya, en este caso http://www.dir.com

El texto del hipervnculo se escribe entre las etiquetas y

Finalmente aparece la etiqueta de cierre.

Agregar imgenes

Usamos una etiqueta de imagen

Esta etiqueta es un poco diferente de las dems. En vez de colocar el contenido en medio de las etiquetas, le indics a la etiqueta dnde buscar la imagen, usando src. Tambin es diferente porque no hay etiqueta de cierre. Tiene una barra / en la etiqueta para cerrarla

Imgenes como hipervnculos

..