Headings

Nos definen el tamao de un ttulo o cabecera.

<h1> nos d el tipo de letra ms grande.
<h6> nos d el tipo de letra ms pequeo.
HTML agrega automaticamente un espacio antes y despus de cada ttulo.
<h1> al ser usado como ttulo de una pgina Web, es de suma importancia ya que es uno de los
parmetros que Google y dems buscadores tiene en cuenta, a la hora de indexar un sitio web.
Salto de lnea
El salto de lnea est definido con la etiqueta <br>. Es utilizado cuando queremos cortar una
lnea sin necesidad de terminar con el prrafo. La etiqueta <br> obliga a saltar de lnea
dondequiera que la ubiquemos.
Esto es <br> un salto de l<br>nea.
Tabla con las etiquetas bsicas
Etiquetas
Descripcin
<h1> a
Define el tamao de los encabezados
<h6>
<p>
Define un prrafo
<!-- -->
Define un comentario
<br>
Define un salto de lnea
<hr>
Define una lnea horizontal
Trazar una lnea
La etiqueta <hr> nos permite trazar una lnea horizontal como las que separan las distintas
secciones de este tutorial.
La etiqueta <hr> no tiene cierre.
Formato bsico del texto
HTML nos permite definir el formato de visualizacin del texto en la pantalla.
Muy til para cuando queramos resaltar o enfatizar un texto en especial.
Tambin muy usado para subrayar o escribir subndices o superndices.
Estos, son solo algunos ejemplos de lo que podemos hacer con estos elementos
Para ello utilizamos las siguientes etiquetas:

<b>Texto en negrita</b>
<big>Texto grande</big>
<em>Texto enfatizado</em>
<i>Texto en itlica</i>
<small>Texto pequeo</small>
<strong>Texto fuerte</strong>
_{Texto subndice}
^{Texto superndice}
<ins>Texto subrayado</ins>
<del>Texto tachado</del>
<tt>Texto teletipo</tt>

Texto
Texto
Texto
Texto
Texto
Texto
Texto
Texto
Texto
Texto
Texto

normal
normal
normal
normal
normal
normal
normal
normal
normal
normal
normal

Texto
Texto
Texto
Texto
Texto
Texto
Texto
Texto
Texto
Texto
Texto

en negrita
grande
enfatizado
en itlica
pequeo
fuerte
subndice
superndice
subrayado
tachado
teletipo

Etiquetas para dar forma al texto

Etiquetas
Descripcin
<b>
Define un texto en negrita
<big>
Define un texto grande
<em>
Define un texto enfatizado
<i>
Define un texto en itlica
<small>
Define un texto pequeo
<strong>
Define un texto fuerte
<sub>
Define un texto subndice
<sup>
Define un texto superndice
<ins>
Define un texto subrayado
<del>
Define un texto tachado
<tt>
Define un texto de teletipo
<s>
Define un texto tachado. Desaprobado. Use <del> en su lugar
<strike>
Define un texto tachado. Desaprobado. Use <del> en su lugar
<u>
Define un texto subrayado. Desaprobado. Use <ins> en su lugar
Las listas
Las listas nos permiten ordenar o enumerar datos o elementos para facilitar su lectura.
Tenemos tres tipos de listas:

Ordenadas.
Desordenadas.
De definicin.

Listas Ordenadas
Son aquellas que ordenan la lista anteponiendo nmeros ,letras o signos.
Las listas ordenadas comienzan con la etiqueta <ol> y para cada uno de los items de la misma,
utilizamos la etiqueta <li>.

Ejemplo

Vamos a crear una lista ordenada

Cdigo
<ol>
<li>Naranjas</li>
<li>Manzanas</li>
<li>Bananas</li>
</ol>

Resultado
Naranjas
Manzanas
Bananas

Dentro de cada Item se pueden agregar imgenes, prrafos, otras listas, etc.

Listas Desordenadas
Exponen la lista anteponiendo un punto, cuadrado o tringulo negro.

Las listas desordenadas comienzan con la etiqueta <ul> y para cada uno de los Items de la
misma utilizamos la etiqueta <li>.

Ejemplo
Cdigo
<ul>
<li>Tomates</li>
<li>Pepinos</li>
<li>Cebollas</li>
</ul>

Resultado
Tomates
Pepinos
Cebollas

Listas de definicin
Se utilizan para definir trminos.
Las listas de definicin se representan con la etiqueta <dl>.
Los trminos de las mismas con <dt>.
La definicin de esos trminos comienza con <dd>.

Ejemplo
Cdigo
<dl>
Resultado
<dt>Chocolate</dt>
Chocolate
<dd>Elaborado a base de cacao</dd>
Elaborado a base de cacao
<dt>Caramelo</dt>
Caramelo
<dd>Elaborado a base de azcar</dd>
Elaborado a base de azucar
</dl>
Dentro de las etiquetas <dd> se pueden agregar imgenes, prrafos, otras listas, etc.

Etiquetas y atributos de las listas

Etiquetas

Atributos

Valor

Descripcin
Define una lista ordenada.

compact
Desaprobado
start
Desaprobado
<ol>

nmero del 1
objeto

Representa la lista de un modo ms

compacto. Use las propiedades de las listas
en CSS en su lugar.
Especifica el nmero del primer objeto de
una lista. Use las propiedades de las listas
en CSS en su lugar.

A
a
type
Desaprobado

I
i

Especifica el estilo de un objeto de lista.

Use las propiedades de las listas en CSS en
su lugar.

1
<ul>

Define una lista desordenada.

compact

Representa la lista de un modo ms

Ej.

compacto. Use las propiedades de las listas

en CSS en su lugar.

Desaprobado
disc
type
Desaprobado

square
circle

Especifica el estilo de un objeto de lista.

Use las propiedades de las listas en CSS en
su lugar.
Define el comienzo del Item.

disc
square
circle

<li>

type
Desaprobado

A
a

Especifica el estilo de un objeto de lista.

Use las propiedades de las listas en CSS en
su lugar.

I
i
1
value
Desaprobado

nmero del
objeto

Establece el nmero del objeto de lista

actual. Use las propiedades de las listas en
CSS en su lugar.

<dl>

Define una lista de definicin.

<dt>

Trminos de los objetos de lista.

<dd>

Descripcin de los objetos de lista.

<dir>
Desaprobado
<menu>
Desaprobado

Acta como <ul>.

Acta como <ul>.

Atributos estndard
id, class, title, style, dir, lang
Si deseas una descripcin completa, dirjete a: atributos estndard.
Eventos intrnsecos
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout,
onkeypress, onkeydown, onkeyup
Si desea una descripcin completa, dirjete a: eventos intrnsecos.