Está en la página 1de 5

Ral Merino Montalbn

Entornos de Desarrollo

ETIQUETAS HTML
INDICE
Etiquetas bsicas................................................................ pgina 2.
Etiquetas para introducir texto.......................................... pgina 3.
Etiquetas de modificacin de formato de texto. pgina 4.
Listas de Enlaces.... pgina 5.

Pgina 1
Etiquetas Bsicas
<!DOCTYPE html> Con esta etiqueta empieza cualquier documento html y no tiene cierre
adems indica el tipo de documento visualizado.

<html> (APERTURA)

<!--Aqu dentro irn todas las etiquetas que utilizaremos para html -->

<!-- ("<!-- & -->" son utilizadas cuando estamos utilizando el lenguaje de marcas para
poner comentarios que no afectarn a dicho lenguaje)-->

</html> (CIERRE)

A continuacin, se escribir en que 2 estructuras bsicas est divido la etiqueta "<html>".

1. LA CABECERA.
<head>
<!-- Informacin relevante para el navegador, es decir, el ttulo de la pgina, el lenguaje, el
autor, etc. Esto es informacin que el navegador necesita conocer. -->
</head>

2. EL CUERPO.
<body>
<!-- En esta estructura bsica encontraremos todos los datos o informacin que se
mostrarn por la ventana del navegador. -->
</body>

EJEMPLO
<!DOCTYPE html>
<html>
<head>
<!-- Lo que queramos introducir aqu. -->
</head>
<body>
<!-- Contenido del cuerpo que queramos introducir aqu. -->
</body>
</html>
Pgina 2
Etiquetas para la introduccin de texto

<p>
<!-- Son utilizados dentro de la etiqueta bsica "<body> para introducir una cantidad de
texto determinada por el usuario; Un prrafo. -->
</p>

<title>
<!-- Situado en la seccin de cabecera, esta etiqueta muestra lo que veremos en la pestaa
del navegador. -->
</title>

<hx>
<!Cabecera, es utilizado para que lo que pongamos llame la atencin, dependiendo de X
la fuente puede ser mayor o no, de 1 a 6. EJ; <h1> Cabecera </h1>
</hx>

Pgina 3
Etiquetas de modificacin de formato de texto

<br> (NO TIENE CIERRE)


Dentro de un prrafo son utilizadas para hacer un salto de lnea.

<hr> (NO TIENE CIERRE)


Inserta un separador horizontal (Linea Longitudinal).

<strong>
Remarcar algo a nivel semntico. Ej:
<strong>Contenido a remarcar semnticamente</strong>
<p>Este alimento<strong>puede contener restos de frutos secos</strong></p>

<em>
Se utiliza para enfatizar, sealar como importante una palabra a nivel semntico dentro de una
frase, por ejemplo:
<p>Yo<em>creo</em> que Pap lleg primero.</p>

<acronym>
Se utiliza con el fin de al ver un acrnimo, saber lo que ese acrnimo significa al poner el cursor
del ratn sobre el. Dependiendo de la descripcin ten tittle aparecer una cosa u otra.
<p><acronym title=Agencia Estatal de Seguridad Aerea>AESA</acronym></p>

<abbr>
Es utilizado con el fin de abreviar palabras, pero tiene la misma formacin que la etiqueta acronym.
<p><abbr tittle=Sensei>Prof.</abbr>Power est en Virrey Morcillo.</p>

<cite>
Nos permite citar elementos, poner frases, ttulos Se mueven a nivel semntico, es decir,
nuestro navegador lo muestra como cursiva o itlica.
<p><cite>El Quijote</cite>, obra de Miguel de Cervantes, es considerado el primer libro de
novelas modernas. </p>

<dfn>
Decir lo que es una palabra o vocablo tenemos la siguiente etiqueta:
A nivel de navegador hace lo mismo que cite.
<p><dfn>Hiperespacio</dfn>es un lugar ficticio de ms de 4 o ms dimensiones. </p>

Pgina 4
<address>
Definir direcciones fsicas, para formar prrafos especficos. Todo lo relacionado con tu n

Listas de Enlaces
<ul>
Para definir listas desordenadas.
Puede haber type de los siguientes tipos: Disc, circle, square.

<ol>
Para definir listas ordenadas.
Se pueden ordenar con:

Si le ponemos un start a ol, le podemos decir desde donde va a iniciar.

<li>
Para citar elementos de una lista. Se puede usar en listas desordenadas y ordenadas.

<dt> y <dd>
Listas de definicin, con el dt enuncias y con dd describes.

<dl> y </dl>
Son delimitadas por las etiquetas (definition list).

Pgina 5

También podría gustarte