ETIQUETAS DE HTML
HTML es el lenguaje por el cual construimos una página web. Este lenguaje se basa principalmente en etiquetas, con las cuales vamos construyendo los diferentes apartados de nuestra web. Es imprescindible conocer estas etiquetas y su funcionamiento para poder crear o al menos modificar una página web.
* : indica el comienzo del documento HTML.
* : indica queempieza la cabecera de la página. En ella se suele poner el título (
de la web, una descripción y otras informaciones relacionadas con el contenido de la página.
* : es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el body van los textos, las imágenes y todos los contenidos de la web.
*
, , etc.: son los títulos o encabezados. Se utilizanpara establecer determinados textos de la página como titulares, suelen tener un tamaño de fuente mayor para diferenciarlos del resto del texto. Son importantes en el posicionamiento en buscadores.
* : define los enlaces.
*
: es una tabla, y dentro de esta tenemos filas y celdas .
* : el texto dentro de esta etiqueta forma un párrafo.
* : imágenes.
* : salto delínea.
* : los textos dentro de esta etiqueta se estructuran en listas. Mediante el uso de - definimos cada guion dentro de la lista, y usando
en lugar de tendremos listas ordenadas.
* y : se utilizan para resaltar el texto.
* : texto subrayado.
* : texto en cursiva.
Ejemplo de página básica
Título de la página
Encabezado de la página
Encabezado de menor tamaño
Este es el texto de un párrafo.
Este es el texto de otro párrafo. Dentro de este párrafo,
pueden ir palabras en negrita, en cursiva o lo
que quieras.
También podemos poner listas como la siguiente:
- Guión número uno.
- Guión número dos.
- Guión número tres.
Consejo de Atributos
bgcolor=?>
Establece el color de fondo, usando nombres o valores hex
text=?>
Establece el color del texto, usando nombres o valores hex
link=?>
Establece el color de los enlaces, usando nombres o valores hex
vlink=?>
Establece el color de los enlaces, usando nombres o valores hex
alink=?>
Establece el color de losenlaces con un clic
Etiquetas de texto
pre>
Crea texto preformateado
h1>
Crea un título grande
h6>
Crea un título pequeño
b>
Crea texto en negrita
i>
Crea texto en cursiva
tt>
Crea, o máquina de escribir estilo de texto-teletipo
cite>
Crea una cita, por lo general en cursiva
em>
Hace hincapié en la palabra (concursiva o negrita)
strong>
Hace hincapié en la palabra (con cursiva o negrita)
size=?>
Ajusta tamaño del fuente, de 1 a 7)
color=?>
Juegos de color de la fuente, usando nombres o valores hex
Formato
Crea un nuevo párrafo
align=?>
Alinea un párrafo a la izquierda, derecha o al centro
Inserta un salto de línea
Sangría de texto de ambos lados
dl>
Crea una lista de definiciones
-
Precede cada definición de término
-
Precede cada definición
ol>
Crea una lista numerada
- li>
Precede a cada elemento de la lista, y añade un número
|