oletusWEBos.es - Lecciones paso a paso para crear tu web. Tutoriales de Dreamweaver, HTML y CSS

Curso HTML - Lección 3: ¿Elementos y etiquetas?

En esta lección vas a aprender lo más esencial del código HTML o lo que es lo mismo los elementos y las etiquetas, empezemos por los...

Elementos

Los elementos son los encargados de proporcionar la estructura a un documento HTML. Así mismo también deben de indicar al navegador cómo deseas que se presente tu página web. Por norma general, los elementos estan formados por una etiqueta de inicio, el contenido y una etiqueta de cierre.

Etiquetas

Entenderemos por etiquetas a las marcas que se usan para indicarnos el comienzo y el final de un elemento.

Todas las etiquetas empiezan por el signo < y terminan por el signo >.

Podemos decir que solo hay dos tipos de etiquetas:

Etiquetas de inicio como por ejemplo, <body>.
Etiquetas de cierre como por ejemplo, </body>.

Como habrás observado la única diferencia entre ambas etiquetas es que la etiqueta de cierre lleva la barra oblicua "/". Cualquier contenido de una página web tiene que estar entre una etiqueta de inicio y una etiqueta de cierrre, así de simple.

¡¡Quiero ejemplos!!

Vale, vale... jeje vamos a ver unos ejemplos. El elemento em se usará para dar énfasis al texto, por lo que todo el texto que este entre la etiqueta de inicio <em> y su etiqueta de cierre </em> se mostrará enfatizado en el navegador.

Ejemplo 1:

<em>Este texto se verá con énfasis</em>

Y así es como lo mostrará tu navegador:

Este texto se verá con énfasis

H1, h2, h3, h4, h5 y h6 son elementos que se usan para crear encabezados. H1 representará el primer y normalmente el texto será más grande, h2 será el segundo nivel y el tamaño del texto será más pequeño que h1, y así sucesivamente hasta llegar al h6.

Ejemplo 2:

<h1>Este es un encabezado h1</h1>

<h2>Este es un encabezado h2</h2>

Y así es como lo mostrará tu navegador:

Este es un encabezado h1

Este es un encabezado h2

Entonces ¿serán siempre necesarias las etiquetas de inicio y cierre?

podríamos decir que la en la gran mayoría de los casos si, pero el que hace la ley hace la trampa... de echo hay unos cuantos elementos que se abren y cierran con la misma etiqueta. Estos elementos se llaman "elementos vacios" y un buen ejemplo es el elemento br que se encargará de proporcionarnos un salto de línea y se escribiría así: <br />

Por cierto las etiquetas da lo mismo si las escribes en mayusculas o en minusculas, pero la forma correcta y adecuada para escribirlas es en minusculas

¿Dónde colocamos todas estas etiquetas?

Pues todas estas etiquetas las colocaremos en un documento HTML. Cuando navegas por la red en busca de información lo que está haciendo tu navegador es leer y abrir documentos HTML, cada uno de ellos el navegador lo interpreta de la forma que le indicaron mediante el código HTML sus creadores.

No me digas que no te está resultando interesante!!!

Quiero aprender más!!!

Avanzar a Lección 4: Tu primer sitio web
Retroceder a Lección 2: ¿HTML?

Menú

Indice del Curso

Design By: JTole®