Etiquetas en HTML
Una etiqueta contiene mucha información. Le indica al navegador dónde empieza y dónde termina cada elemento, mientras que un atributo describe las características. Los elementos HTML suelen dividirse en tres partes. Esta combinación de las tres crea un elemento HTML.
Las principales etiquetas de html son las siguientes:
<!DOCTYPE html>
Esta etiqueta indica la versión de html. Actualmente indica que la versión es html5.
<html>
Es el elemento raíz HTML y se usa para envolver todo el código.
<head>
Es la etiqueta que contiene metadatos, título, página CSS, y más. Los elementos que se usan dentro de la etiqueta head son:
- <style>
- <title>
- <base>
- <noscript>
- <script>
- <meta>
<body>
Se utiliza para encerrar todo el contenido de la página web. Desde los textos, las imágenes y hasta los enlaces. Todo el contenido que ves renderizado dentro del navegador está contenido dentro de este elemento.
Dicho esto, debes saber que todas las etiquetas deben encerrarse entre estos corchetes o signos de mayor qué y menor qué < >. Por otro lado, cada etiqueta html se encarga de realizar tareas específicas. Y si utilizas una etiqueta de apertura <tag> también debes utilizar una etiqueta de cierre </tag> al menos en la mayoría de los casos.
Sintaxis
La sintaxis de las etiquetas en html es la siguiente.
<etiqueta> contenido </etiqueta>
Con esto claro, veamos algunos ejemplos básicos de etiquetas que se utilizan dentro de la etiqueta <body>.
- <p> Etiqueta de párrafo </p>
- <h2> Etiqueta de encabezado </h2>
- <b> Etiqueta en negrita </b>
- <i> Etiqueta en cursiva </i>
- <u> Etiqueta de subrayado </u>
Etiquetas html no cerradas
Ya mencionamos que hay casos en los que no hay una etiqueta de cierre. Estas etiquetas pueden ser:
- <br>: br significa break line, lo que quiere decir que rompe la línea de código.
- <hr>: hr significa Horizontal Rule, lo que quiere decir que se utiliza para poner una línea en la página.
Metaetiquetas
Las metaetiquetas de html5 son:
DOCTYPE, title, link, meta and style.
Etiquetas de texto
Las etiquetas de texto en html5 son:
<p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <strong>, <em>, <abbr>, <acronym>, <address>, <bdo>, <blockquote>, <cite>, <q>, <code>, <ins>, <del>, <dfn>, <kbd>, <pre>, <samp>, <var> and <br>
Etiquetas de enlace
Las etiquetas de link o anclas son:
<a> and <base>
Etiquetas de imágenes y objetos
Son etiquetas que se utilizan para agregar imágenes, galerías, objetos y contenido visual.
<img>, <area>, <map>, <param> and <object>
Etiquetas de listas
Para hacer listas dentro de tu sitio web, ordenadas y desordenadas, se utilizan etiquetas tales como:
<ul>, <ol>, <li>, <dl>, <dt> and <dd>
Etiquetas de tabla
Los elementos de tabla representan datos en dos o más dimensiones. Las etiquetas para esto son:
- table, tr, td, th, tbody, thead, tfoot, col, colgroup and caption.
Etiquetas de formularios
El elemento HTML form ( <form> ) define que una sección del documento contiene elementos que funcionan como formulario para que el usuario envíe datos. Para ello se utilizan los elementos:
- form, input, textarea, select, option, optgroup, button, label, fieldset and legend.
Etiquetas de Scripting
Se utilizan para insertar o referenciar un script ejecutable dentro de un documento html. En cuyo caso se utiliza.
Con esto hemos dado un vistazo a la estructura y las etiquetas básicas de html5. También hemos visto las principales etiquetas de contenido que ha introducido la quinta versión de este lenguaje de programación de front-end para hacer la vida de los desarrolladores más fácil.
0 Comentarios