Etiquetas html

Inserta comentarios ocultos

<!DOCTYPE> Establece el tipo de documento

<a> Inserta vínculos o marcadores

<abbr> Explica abreviaciones

<acronym> Explica acrónimos

<address> Provee información de contacto

<applet> Inserta un applet (scripts)

<font> Establece el estilo de fuente

<head> Define el bloque de encabezado

<hr> Dibuja una línea o regla horizontal

<html> Contiene al documento

<i> Muestra texto en itálica

<strike> Muestra texto tachado

<strong> Indica énfasis fuerte

<style> Define atributos visuales (hojas estilo)

<sub> Define texto en sub-índice

<sup> Define texto en super-índice

<table> Inserta una tabla

<tbody> Define un cuerpo en una tabla

<td> Celda regular de una tabla

<textarea> Entrada de texto de líneas múltiples

<tfoot> Define un pie en una tabla

<th> Celda de encabezado de una tabla

<thead> Define un encabezado de tabla

<title> Define el título del documento

ACCION ETIQUETAAbre y cierra un documento HTMLEncabezado de la página - aquí se coloca titulo, metatags, e informacion para buscadores entre otras cosas. Está información no es visible.Dentro de esta etiqueta va toda la parte visible de la página web.Etiquetas del EncabezadoEl título de la página web.

Etiquetas HTML de Texto

<html></html><head></head>

<body></body><title></title>

Nuevo párrafo <p></p><p align=?> cierra

Alinea el párrafo hacia la izquierda, derecha o al centro <br>Inserta un interlineado suave. Crea otra línea <blockquote>

Texto indentado de ambos lados </blockquote>

Insert Lista de definiciones (glosario) <dl></dl

Precede a cada término en definiciones <dt>

Precede cada definiciónLista ordenadaEntrada en una listaLista con viñetas sin ordenarPara formato a porciones grandes del documento html, incluyendo hojas de estiloLiga hacia algún lugar dentro del mismo sitioConfigura el color, usand valor hexadecimal o nombre directo (blue, green, etc.)Coloca tamaño de letra, de 1 a 7Coloca el tipo de letra: por ejemplo, arial, verdana, courier,etc.Resalta una palabra o grupo de palabrasResalta una palabra, negrita o cursivaTipo máquina de escribirCursivasSubrayadoNegritasTítulo más pequeñoTítulo más grandeTexto pre-formateadoAtributos de la etiqueta BodyConfigura el color de fondo de la página, usando el valor del código de color hexadecimal.Configura el color por defecto del texto, usando el valor del código de color hexadecimal.Color del fondo (en hexadecimal)Imagen del fondo

Texto subrayadoCentra cada elemento comprendido en la etiquetaCentra el elemento encuadrado por la etiqueta

Alinea el elemento a la izquierdaAlinea el elemento a la derecha

Título o x tiene un valor de 1 à 7

Listas

Elemento de lista

Elemento de lista

</DL>

RayasLínea de separación. Raya horizontalAnchura de la raya en %Anchura de la raya en pixelesAltura de la raya en pixeles

<dd><ol></ol><li></li><ul></ul><div align=?><ahref="#name"></a><font color=?></font>

<font size=?></font><font face=?></font><strong></strong> <em></em><tt></tt><i></i><u></u><b></b>

<h6></h6><hl></hl><pre></pre>

<body bgcolor=?>

<body text=?><BODY bgcolor="#XXXXXX"><BODY background="xyz.gif"><U>...</U><CENTER>...</CENTER><DIV align=center>...</DIV><DIV align=left> ...</DIV><DIV align=right> ...</DIV><Hx>...</Hx><Hx align=center>...</Hx><Hx align=left>...</Hx><Hx align=right>...</Hx>

<UL><LI></UL> Lista no numerada <OL><LI></OL> Lista numerada

<DL><DT>...</DT><DD>...</DD>Lista de glosarioTermino de glosario (sin retracto)

<HR><HR width="x%"><HR width=x><HR size=x>

Elementos Gráficos acción

<img src="name"> Incorpora una imagen

<img src="name" align=?> Alinea la imagen: izquierda, derecha y centro

<img src="name" border=?> Determina el contorno de la imagen. Un valor 0 no tendrá contorno

<map></map> Mapa de imágenes

<body background="URL o ruta de archivo"></body>

Coloca la imagen como fondo de la página<hr>

Linea horizontal

<hr size=?> Tamaño de una linea horizontal

<hr width=?> Ancho de linea horizontal, ya sea porcentaje o valor absoluto.

<hr noshade> Linea horizontal sin sombra

Atributos de Tablas

<table border=#> Coloca contorno en las celdas de la tabla

<table cellspacing=#> Espacio entre las celdas de una tabla

<table cellpadding=#> Espacio entre el contorno de una celda y su contenido

<table width=# or %> Ancho de la tabla, en pixeles o porcentaje del ancho de la página

<tr align=?> or <td align=?> Alineación para las celdas, izquierda derecha, centro

<table></table> Crea tabla

<tr></tr> Crea filas en una tabla

<td></td> Crea celda en una fila

<th></th> Encabezado de tabla, texto normal, negrita y centrado

Etiquetas html

Documents

Transcript of Etiquetas html