En este tutorial vamos a conocer que es un elemento HTML que lo forma y la sintaxis correcta de escritura de los Elementos HTML, los cuales son la base principal del contenido de la página que será mostrado en lo navegadores, los Elementos van colocados dentro de las etiquetas <body>.
Los Elementos HTML
Los elementos HTML se crean a partir de las etiquetas, con una etiqueta de inicio y una etiqueta de cierre y el contenido insertado dentro de ellas, el elemento HTML es todo desde la etiqueta de inicio hasta la etiqueta de cierre junto con el contenido incluido.
| Etiqueta de inicio | Contenido del Elemento | Etiqueta de Cierre |
|---|---|---|
| <h1> | Mi Primer Encabezado | </h1> |
| <p> | Mi Primer Parrafo | </p> |
| <hr> | ||
| <br> | ||
Como ven en la tabla de arriba hay dos elementos que no tienen contenido estos elementos son llamados elementos vacíos.
El elemento <br> significa un salto de linea, un espacio entre cualquier elemento HTML, como párrafos, imágenes, etc, como el espacio que hay arriba y abajo de este párrafo.
El elemento <hr> significa una regla o linea horizontal y se utiliza para separar distintos contenidos como imágenes, párrafos, artículos, etc, y puede ser como la siguiente linea de abajo.
Adelantando un poco de CSS, si escribes solo el elemento <hr> los navegadores mostraran una linea delgada y de color gris. otro método para implementar estilos CSS es llamado Inline (En Linea) y va dentro del documento HTML.
Para implementar este método las sentencias CSS se escribe dentro de cualquier etiqueta HTML de inicio, la sintaxis para implementar este método es la siguiente y es la que yo utilice para poner la linea de arriba.
<hr style="background: red; height: 5px; width: 80%; /">
Todos los elementos HTML pueden anidar otros elementos HTML dentro de ellos, por ejemplo los elementos <head> y <body> van anidados dentro del elemento <html> y los elementos <h1> y <p> van anidados dentro del elemento <body> como se pude ver en la estructura de abajo.
<html>
<head>
</head>
<body>
<h1>Este es un Encabezado</h1>
<p>Este es un párrafo</p>
</body>
</html>
<head>
</head>
<body>
<h1>Este es un Encabezado</h1>
<p>Este es un párrafo</p>
</body>
</html>
Es por esto que el documento HTML es una estructura de árbol y va creciendo desde su raíz que es el elemento <html> y sigue creciendo al seguir ingresando mas elementos HTML conforme a las necesidades que tengamos para construir nuestra pagina web.
La Sintaxis de los Elementos HTML
Aun que los navegadores pueden mostrar el contenido de los elementos sin las etiquetas de cierre o escritos con letras mayúsculas no es la forma correcta de escribirlos, la sintaxis o la forma correcta de escribir los elementos HTML es la siguiente.
Todos los elementos sin excepción tiene que escribirse con letras minúsculas y es obligatorio escribir las etiquetas de cierre, si no lo hacen pueden tener problemas de visibilidad a la hora de mostrar el contenido de la página en los navegadores.
Ejemplos
Incorrecto
<P>Yo soy un párrafo</P>
Incorrecto
<p>Yo soy un párrafo</P>
Incorrecto
<p>Yo soy un párrafo<p>
Incorrecto
<p>Yo soy un párrafo
Correcto
<p>Yo soy un párrafo</p>
Tambíen en un modo estricto como lo es XHTML una versión anterior de HTML los elementos vacíos tambíen tienen que ser cerrados de la siguiente forma <hr />, y <br />, con un espacio entre las letras y la barra invertida y es estrictamente recomendado hacerlo así siempre.
Resumen
En el siguiente tutorial veremos que son los Atributos, cual es su función, en donde van colocados y la sintaxis de su escritura.
Saludos y que estén bien, nos leemos en el siguiente tutorial, hasta la próxima Amigos.
Resumen
- Los Elementos HTML consisten en las etiquetas de inicio y de cierre con su contenido incluido.
- Existen Elementos HTML sin contenido y son llamados Elementos vacíos.
- La forma correcta de escribir los Elementos HTML se hace con letras minúsculas en las etiquetas de inicio y de cierre.
- Es obligatorio cerrar todos los Elementos HTML incluyendo los Elementos vacíos.
En el siguiente tutorial veremos que son los Atributos, cual es su función, en donde van colocados y la sintaxis de su escritura.
Saludos y que estén bien, nos leemos en el siguiente tutorial, hasta la próxima Amigos.
No hay comentarios.:
Publicar un comentario