miércoles, 11 de septiembre de 2013

Etiquetas de html

Lenguaje HTML Básico

<html></html>
Abre y cierra un documento HTML    
<head></head>
Encabezado de la página - aquí se coloca titulo, metatags, e informacion para buscadores entre otras cosas. Está información no es visible.
<body></body>
Dentro de esta etiqueta va toda la parte visible de la página web.

Etiquetas del Encabezado
<title></title>
El título de la página web.

Atributos de la etiqueta Body

<body bgcolor=?>

Configura el color de fondo de la página, usando el valor del código de color hexadecimal.

<body text=?>

Configura el color por defecto del texto, usando el valor del código de color hexadecimal.

<body link=?>

Configura el color de las ligas, usando el valor del código de color hexadecimal.

<body vlink=?>

Configura el color de las ligas visitadas, usando el valor del código de color hexadecimal

<body alink=?>

Configura el color de las ligas al darle clic, usando el valor del código hexadecimal.

Etiquetas HTML de Texto
<pre></pre>
Texto pre-formateado
<hl></hl>
Título más grande
<h6></h6>
Título más pequeño
<b></b>
Negritas
<u></u>
Subrayado
<i></i>
Cursivas
<tt></tt>
Tipo máquina de escribir
<cite></cite>
Cita, en cursiva
<em></em>
Resalta una palabra, negrita o cursiva
<strong></strong>
Resalta una palabra o grupo de palabras
<font face=?></font>
Coloca el tipo de letra: por ejemplo, arial, verdana, courier,etc.
<font size=?></font>
Coloca tamaño de letra, de 1 a 7
<font color=?></font>
Configura el color, usand valor hexadecimal o nombre directo (blue, green, etc.)

Ligas

<a href="URL"></a>

Hipervínculo

<a href="mailto:EMAIL"></a>

Hipervínculo mailto (para envío de correo)

<a name="name"></a>

Ancla en el mismo documento

<a href="#name"></a>

Liga hacia algún lugar dentro del mismo sitio

Formato y presentación
<p></p>
Nuevo párrafo
<p align=?>
Alinea el párrafo hacia la izquierda, derecha o al centro
<br>
Inserta un interlineado suave. Crea otra línea
<blockquote>
</blockquote> 
Texto indentado de ambos lados
<dl></dl>
Lista de definiciones (glosario)
<dt>
Precede a cada término en definiciones
<dd>
Precede cada definición
<ol></ol>
Lista ordenada
<li></li>
Entrada en una lista
<ul></ul>
Lista con viñetas sin ordenar
<div align=?>
Para formato a porciones grandes del documento html, incluyendo hojas de estilo

Elementos Gráficos

<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

Tablas
<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

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

<tr valign=?> or <td valign=?>

Alineación vertical de las celdas, arriba, abajo,enmedio

<td colspan=#>

Expansión de una celda, en número de columnas

<td rowspan=#>

Expansión de una celda, en número de celdas

<td nowrap>

Texto continuo dentro de una celda

Marcos (frames)
<frameset></frameset>
Substituye a la etiqueta HTML body en documentos con frames. Puede insertarse en otros framesets
<frameset rows="value,value">
Número de lineas en un frameset, usando pixeles o porcentaje de ancho
<frameset cols="value,value">
Número de columnas en un frameset, usando pixeles o porcentaje de ancho
<frame>
Frame singular dentro de un framset
<noframes></noframes>
Texto que aparecerá en navegadores que no soportan frames

Atributos de Frames

<frame src="URL">

Especifica que página html se muestra

<frame name="name">

Nombra al frame para que sea identificado por otros frames y accesado

<frame marginwidth=#>

Margen izquierdo y derecho de un grame, debe ser igual o mayor que 1

<frame marginheight=#>

Margen superior e inferior de un grame, igual o mayor a 1

<frame scrolling=VALUE>

Determina si un frame tiene barra de desplazamiento, Puede ser yes, no, auto, el cual es por defecto

<frame noresize>

No permite al usuario modificar el tamaño de un frame

Formas
<form></form>
Forma
<select name="name"></select>
Menú desplegable
<option>
Opción del menú desplegable
<textarea name="name" cols=40 rows=8></textarea>
Crea una caja de texto, columnas es el ancho y las lineas la altura (cols y rows)
<input type="checkbox" name="name">
Crea un checkbox.
<input type="radio" name="name" value="x">
Crea botón de radio.
<input type=text name="name" size=20>
Crea una opción de texto para entrada de información o despliegue
<input type="submit" value="name">
Crea botón de envío de forma tipo submit
<input type="image" border=0 name="name" src="name.gif">
Crea botón de envío con imagen
<input type="reset">
Crea botón de limpieza (reset). Vacía la forma
Otras Etiquetas HTML

<EMBED SRC="url o ruta de archivo" VOLUME="50" HEIGHT="50" WIDTH="130">

Incorpora sonido con panel de control en la pantalla.

< object width="600" height="300">

<param name="movie" value="miarchivo.swf">
<embed src="miarchivo.swf" width="600" height="300">
</embed>
</object>
Para insertar una pelicula flash swf en html

<!-- Este es un comentario -->

Inserta comentarios no visibles en la página. 
fuente: cafetero100
Publicado por en
Etiquetas:

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)