HTML (HyperText Markup Language) es el código que se usa para estructurar el contenido en una página web, por ejemplo su contenido puede estructurar un conjunto de párrafos, listas ordenadas, imágenes o tablas de datos, por el momento nos enfocaremos en lo
HTML es un lenguaje de etiqueta que define la estructura de su contenido, consiste en una serie de elementos, los cuales se usan para encapsular o envolver diferentes partes del contenido que se mostrará de cierta manera o funciona de cierta manera.
Las etiquetas que encapsulan su contenido pueden hacer que cierta imagen o texto tenga un enlace el cual nos puede redireccionar a otra dirección, puede modificar su texto, como hacerlo grande o pequeño, por ejemplo:
My cat is very grumpy
Si quisiéramos que este texto sobresaliera, podríamos especificar que es un párrafo agregandolo dentro de una etiqueta, por ejemplo:
Anatomía de un elemento HTML
Analizemos mas a detalle este parrafo:
Las principales partes de este elemento son:
La etiqueta de inicio consiste en el nombre del elemento, en este caso “p”, el cual es agregado dentro de los signos “<” “>”, esto indica donde inicia y termina el elemento en este caso es como se inicia el párrafo.
La etiqueta de cierre es igual a la de inicio solo que esta contiene una diagonal o este signo “/” antes del nombre del elemento, esto indica donde termina el elemento, en este caso es donde termina el párrafo, en ocasiones este elemento no se agrega a la etiqueta de cierre y puede ocasionar resultados raros en el documento HTML.
El contenido del elemento en este caso es el texto. El elemento lo comprenden la etiqueta de inicio, de cierre y su contenido.
Los elementos pueden contener atributos que pueden aparecer de la siguiente manera:
Los atributos contienen información extra acerca de elementos que no quieres que aparezcan en el contenido actual, por ejemplo el atributo class es el nombre y el valor es editor-note.
El atributo class te permite dar al elemento un identificador único, que puede ser usado para localizar otros elementos con el mismo valor de class que contengan estilo o algún otro tipo de información, algunos atributos no tienen valor, como por ejemplo “required”.
Los atributos configurables con valores siempre tienen:
Un espacio entre ellos y el nombre del elemento.
El atributo nombre va seguido del signo “=”
El valor del atributo siempre va entre comillas “ “
<p>My cat is very grumpy</p>