Está en la página 1de 3

ESCUELA MILITAR DE INGENIERÍA

“MCAL. ANTONIO JOSÉ DE SUCRE”


UNIDAD ACADÉMICA RIBERALTA
BOLIVIA
ETIQUETAS HTML

Introducción

HTML sirve para escribir páginas de hipertexto definido por tags. Los tags a veces
llamados “etiquetas” en español, son los “comandos” que los programas
navegadores leen e interpretan para armar y dar forma a las páginas de internet.
Todas las etiquetas de HTML empiezan con el carácter < y terminan con el carácter
>. Dentro de ellas va toda la informacion de la etiqueta, empezando por el nombre
y añadiendo diferentes tipos de funciones o comandos de configuracion dentro de
este.

Aside El elemento HTML aside (<aside>) representa una sección de una página
que consiste en contenido que esta tangencialmente relacionado con el contenido
que le rodea, podría ser considerado independiente de ese contenido. Estas
secciones son a menudo representadas como barras laterales y también llamadas
sidebar.

Footer El elemento HTML Footer (<footer>) representa un pie de página para el


contenido de sección más cercano o elemento raíz de sección. Un pie de página
típicamente contiene informacion acerca del autor de la sección, datos de derechos
de autor o enlaces a documentos relacionados.

Address El elemento HTML Address (<address>) aporta informacion de contacto


para su artículo más cercano o ancestro (<body>), en el último caso se lo aplica a
todo el documento y este habitualmente se incluye en footer.
Etiquetas de lista

Listas no ordenadas <ul>: las lista no ordenadas van dentro de la etiqueta <ul>
HTML y de su cierre </ul>. Cada punto que queramos añadir a la lista, lo haremos
dentro de la etiqueta <li> y su cierre </li>.

Si no le indicamos nada a la etiqueta <li> HTML, esta se generará de forma


automática. Pero si queremos definir nosotros mismo el símbolo del punto, podemos
elegir con el atributo “type”.

Así podemos hacer que la lista este definida por puntos negros (li type=”disc”), por
puntos con el fondo blanco (li type=”Circle”) o por cuadrados (li type=”square”).
Aunque esta apariencia dependerá del navegador que se esté utilizando. Hay
algunos navegadores que dan otras apariencias a estos atributos.
<ul>
<li type=”Circle”>Esto es un tipo de punto.</li>
<li type=”square”>Este es otro.</li>
<li type=”disc”>Y este es otro diferente. </li>
</ul>

Listas ordenadas <ol>: Las listas ordenadas van enmarcadas dentro de las
etiquetas <ol> </ol>. Cada punto de la lista se escribe con la misma etiqueta que en
las no numeradas: <li>. Pero al ser listas ordenadas los símbolos serán números y
estos se irán generando automáticamente por orden, conforme escribamos nuevos
puntos.

En las listas ordenadas podemos hacer que el primer punto comience con el número
que nosotros queramos. Lo conseguiremos gracias al atributo “valué”. Los
siguientes puntos que escribamos se generaran automáticamente por orden,
partiendo de ese número.

Por ejemplo, si queremos que nuestra lista empiece por el número 20, solo
deberemos escribir lo siguiente:

<ol>
<li valué=”20”>Este será el número 20. </li>
<li>Este será el 21. </li>
<li>Este será el 22. Y así sucesivamente. </li>
</ol>
Lista de definiciones <dl>, <dt> y <dd>:
La etiqueta <dl> viene de los términos ingleses “Definition list” y nos indica que,
dentro de ella, entre ella y su cierre, va a ir una definición.

La etiqueta <dt> viene de los términos “Definition term” y dentro de ella ira el término
que vamos a definir. Es decir, dentro de <dt> iría el título de la definición.

La etiqueta <dd> viene de los términos “Definition description” y nos dice que dentro
de esta ira la definición.

<dl>
<dt>Aquí va el término que definiremos</dt>
<dd>Y aquí dentro ira la definición propiamente dicha. </dd>
</dl>
<dl>
<dt>Aquí va la segunda definición</dt>
<dd>Y aquí dentro ira la segunda definición, separada automáticamente de la anterior</dd>
</dl>

Conclusión

HTML utiliza etiquetas o marcas, que consiste en breves instrucciones de comienzo


y final, mediante las cuales se determinan la forma en la que debe aparecer en su
navegador el texto, así como también las imágenes y los demás elementos, en la
pantalla del ordenador.

También podría gustarte