You are on page 1of 4

Etiquetas Bsicas

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.

Ejemplo
Cdigo
<html> <head> <title>Headings</title> </head> <body> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> </body> </html>

Resultado

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6

Prrafos
Los prrafos se definen con la etiqueta <p>.

Ejemplo
Cdigo
<html> <head> <title>Prrafos</title> </head> <body> <p>Este es el primer prrafo.</p> <p>Y este es el segundo prrafo.</p>

Resultado
Este es el primer prrafo. Y este es el segundo prrafo.

</body> </html>

Comentarios
La etiqueta <!-- ... --> se utiliza para insertar un comentario dentro del cdigo que estamos escribiendo. El mismo es ignorado por el navegador al momento de leerlo. Los comentarios nos sirven para explicar mejor el cdigo y son de gran ayuda en el momento que necesitemos editarlo. <!-- Esto es un comentario. --> * Nota que el signo de exclamacin se coloca solo al principio del cdigo.

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.

Ejemplo
Cdigo
Esto es <br> un salto de l<br>nea. Esto es un salto de l nea.

Resultado

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.

Ejemplo
Cdigo
<hr>

Resultado

Tabla con las etiquetas bsicas

Etiquetas <h1> a <h6> <p> <!-- --> <br> <hr>

Descripcin Define el tamao de los encabezados Define un prrafo Define un comentario Define un salto de lnea Define una lnea horizontal

Ej.

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:

Ejemplo
Cdigo
<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> <sub>Texto subndice</sub> <sup>Texto superndice</sup> <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

Resultado
Texto en negrita

Texto grande
Texto pequeo

Texto enfatizado Texto en itlica Texto fuerte


Texto subndice Texto superndice

Texto subrayado Texto tachado Texto teletipo

Etiquetas para dar forma al texto


Etiquetas <b> <big> <em> <i> Define un texto en negrita Define un texto grande Define un texto enfatizado Define un texto en itlica Descripcin

<small> <strong> <sub> <sup> <ins> <del> <tt> <s> <strike> <u>

Define un texto pequeo Define un texto fuerte Define un texto subndice Define un texto superndice Define un texto subrayado Define un texto tachado Define un texto de teletipo Define un texto tachado. Desaprobado. Use <del> en su lugar Define un texto tachado. Desaprobado. Use <del> en su lugar Define un texto subrayado. Desaprobado. Use <ins> en su lugar

Etiquetas de "Texto estructurado"


Estas estiquetas son usadas comunmente para mostrar cdigos de programacin. Etiquetas <code> <kbd> <samp> <var> <pre> <listing> <plaintext> <xmp> Define un texto del teclado Define un texto ejemplo de cdigo de computadora Define una variable Define un texto preformateado Desaprobado. Use <pre> en su lugar Desaprobado. Use <pre> en su lugar Desaprobado. Use <pre> en su lugar Descripcin Define un texto en cdigo de computadora

Etiquetas de citaciones y definiciones


Etiquetas <abbr> <acronym> <address> <bdo> <blockquote> <q> <cite> <dfn> Descripcin Indica una forma abreviada (p.ej., WWW, HTTP, etc.) Indica un acrnimo (p.ej., WAC ,radar, autobs, etc.) Define la informacin sobre el autor Define la direccin del texto (p.ej., de izq. a der., de der. a izq.) Designa una cita larga Designa una cita corta Contiene una cita o una referencia a otras fuentes Indica que aqu es donde se define el trmino encerrado