Etiquetas HTML

Índice
  1. Etiquetas de estructura de HTML
  2. Formatos básicos
  3. Formatos de texto
  4. Imágenes
  5. Hiperenlaces
  6. Listas
  7. Listas de definición
  8. Tablas
    9.


Etiquetas de estructura de HTML
<html></html>
Etiqueta que se utiliza para definir la página web.

<head></head>
Etiqueta que define el encabezado de la página web.

<body></body>
Etiqueta que define el cuerpo de la página web.
Atributos:
  • bgcolor
  • background
  • leftmargin
  • topmargin
  • marginwidth
  • marginheight
  • text
    • Para los enlaces:
    • link
    • vlink
    • alink

<title></title>
Con esta etiqueta se define el título que aparece en la pestaña del navegador.

Formatos básicos
<br>
Produce un salto de línea. No tiene etiqueta de cierre.

<p></p>
Sirve para definir un párrafo.
  • align
    • center
    • left
    • right

<center></center>
Se utiliza para centrar el texto.

Formatos de texto
<b></b>
Para destacar el texto en negrita.

<i></i>
Para destacar el texto en cursiva

<u></u>
Para subrayar el texto.

<s></s>
Para tachar el texto

<sup></sup>
Para añadir un superíndice.

<sub></sub>
Para añadir un subíndice.

<pre></pre>
Nos permite presentar el texto tal y como aparece dentro del código.

<tt></tt>
Con esta etiqueta todas las letras miden lo mismo.

<h1></h1>....<h6></h6>
Existen 6 etiquetas de estas y se utilizan para definir párrafos especiales como títulos.

<blockquote></blockquote>
Sirve para hacer que el texto tenga un margen a ambos lados.

<font></font>
Sirve ara cambiar las características del texto con ayuda de los atributos.
  • face
  • color
  • size

<hr></hr>
Etiqueta para poner líneas horizontales y dividir la página según nos interese.
  • width
  • size
  • align
  • noshade
  • color

Imágenes
<img>
Etiqueta que sirve para poner una imagen en una página web.
  • src
  • width
  • height
  • border
  • alt
  • vspace
  • hspace
  • align:
    • top
    • middle
    • bottom
    • left
    • right
    • all

Hiperenlaces
<a></a>
Etiqueta que sirve para poner enlace que nos conducirán a otro recurso.
  • href
  • target:
    • _blank
    • _parent
    • _self
    • _top

Listas
<ol></ol>
Etiqueta utilizada para crear listas ordenadas.
  • type:
  • start
    • 1
    • a
    • A
    • i
    • I

<ul></ul>
Etiqueta que se utiliza para crear listas desordenadas.
  • type:
    • square
    • circle
    • disc

<li></li>
Etiqueta que sirve para definir cada uno de los elementos de las listas <ol> y <ul>
  • type:
    • square
    • circle
    • disc

Listas de definición
<dl></dl>
Etiqueta que indica que vamos a utilizar una lista de definición.

<dt></dt>
Etiqueta que sirve para indicar que se trata de el término que vamos a definir.

<dd></dd>
Etiqueta que se utiliza para la definición del término que acabamos de poner.

Tablas
<table></table>
Etiqueta que se utiliza para definir que se va a utilizar una tabla.
  • border
  • width
  • height
  • bgcolor
  • background
  • align
    • left
    • center
    • right
  • bordercolor
  • cellpadding
  • cellspacing

<tr></tr>
Table Row. Sirve para indicar que vamos a definir una fila dentro de la tabla.
  • width
  • height
  • bgcolor
  • background
  • align
    • left
    • center
    • right

<td></td>
Table Data. Indican que lo que hay entre ellas es el contenido de una celda.
  • width
  • height
  • bgcolor
  • background
  • colspan
  • rowspan
  • align
    • left
    • center
    • right

<th></th>
Se utiliza para sustituir la etiqueta <td> y poner un encabezado en la tabla.