Guia de Refer en CIA Rapida

GUIA DE REFERENCIA RAPIDA ETIQUETAS HTML
< tr> Lenguaje HTML Bsico <!DOCTYPE>

Es la primera parte de una pgina web, an antes que la etiqueta <html>. Le indica al navegador que especificacin de HTML se est utilizando HTML 4.01: los tipos de documento que define son: strict, transitional y frameset. Strict Se usa cuando se utilizan CSS. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Transitional Presenta elementos en proceso de transicin de acuerdo a los estndares del W3C. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Frames Debe usarse en documentos que incluyen frames <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html></html>
Abre y cierra un documento HTML
<head></head>
Encabezado de la pgina - aqu se coloca titulo, metatags, e informacion para buscadores entre otras cosas. Est informacin no es visible.
<body></body>
Dentro de esta etiqueta va toda la parte visible de la pgina web.
Etiquetas del Encabezado <title></title>

El ttulo de la pgina web.
Atributos de la etiqueta Body <body bgcolor=?>

Configura el color de fondo de la pgina, usando el valor del cdigo de color hexadecimal.
<body text=?>
Configura el color por defecto del texto, usando el valor del cdigo de color hexadecimal.
<body link=?>
Configura el color de las ligas, usando el valor del cdigo de color hexadecimal.
<body vlink=?>
Configura el color de las ligas visitadas, usando el valor del cdigo de color hexadecimal
<body alink=?>
Configura el color de las ligas al darle clic, usando el valor del cdigo hexadecimal.
Etiquetas HTML de Texto <pre></pre>

Texto pre-formateado
<hl></hl>
Ttulo ms grande
<h6></h6>
Ttulo ms pequeo
<b></b>
Negritas
<u></u>
Subrayado
<i></i>
Cursivas
<tt></tt>
Tipo mquina 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 tamao 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>

Hipervnculo
<a href="mailto:EMAIL"></a>
Hipervnculo mailto (para envo de correo)
<a name="name"></a>
Ancla en el mismo documento
<a href="#name"></a>
Liga hacia algn lugar dentro del mismo sitio
Formato y presentacin <p></p>

Nuevo prrafo
<p align=?>
Alinea el prrafo hacia la izquierda, derecha o al centro
<br>
Inserta un interlineado suave. Crea otra lnea
<blockquote> </blockquote>
Texto indentado de ambos lados
<dl></dl>
Lista de definiciones (glosario)
<dt>
Precede a cada trmino en definiciones
<dd>
Precede cada definicin
<ol></ol>
Lista ordenada
<li></li>
Entrada en una lista
<ul></ul>
Lista con vietas sin ordenar
<div align=?>
Para formato a porciones grandes del documento html, incluyendo hojas de estilo
Elementos Grficos <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 imgenes
<body background="URL o ruta de archivo"></body>

Coloca la imagen como fondo de la pgina
<hr>
Linea horizontal
<hr size=?>
Tamao 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 pgina
<tr align=?> or <td align=?>

Alineacin para las celdas, izquierda derecha, centro
<tr valign=?> or <td valign=?>

Alineacin vertical de las celdas, arriba, abajo,enmedio
<td colspan=#>
Expansin de una celda, en nmero de columnas
<td rowspan=#>
Expansin de una celda, en nmero 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">
Nmero de lineas en un frameset, usando pixeles o porcentaje de ancho
<frameset cols="value,value">
Nmero 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 pgina 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 tamao de un frame
Formas <form></form>
Forma
<select name="name"></select>
Men desplegable
<option>
Opcin 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 botn de radio.
<input type=text name="name" size=20>

Crea una opcin de texto para entrada de informacin o despliegue
<input type="submit" value="name">

Crea botn de envo de forma tipo submit
<input type="image" border=0 name="name" src="name.gif">

Crea botn de envo con imagen
<input type="reset">
Crea botn de limpieza (reset). Vaca 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


Inserta comentarios no visibles en la pgina.
< iframe src ="/mipagina.html"> ... </iframe> >

Inserta un frame dentro de una pgina. Inline Frame.
< script type="text/javascript"> document.write("<h2>bienvenido!</h2>") </script>

Inserta un script dentro de una pgina html.
<span style="color:#00FFFF;"> </span>

Aplica a un grupo de texto un estilo, por ejemplo font, tamao, color.

Guia de Refer en CIA Rapida

Cargado por

Copyright:

Formatos disponibles

Guia de Refer en CIA Rapida

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Guia de Refer en CIA Rapida

Cargado por

Copyright:

Formatos disponibles

GUIA DE REFERENCIA RAPIDA ETIQUETAS HTML

< tr> Lenguaje HTML Bsico <!DOCTYPE>

Etiquetas del Encabezado <title></title>

Atributos de la etiqueta Body <body bgcolor=?>

Etiquetas HTML de Texto <pre></pre>

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

Formato y presentacin <p></p>

Elementos Grficos <img src="name">

<img src="name" align=?>

<img src="name" border=?>

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

Atributos de Tablas <table border=#>

<table width=# or %>

<tr align=?> or <td align=?>

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

Marcos (frames) <frameset></frameset>

Atributos de Frames <frame src="URL">

<textarea name="name" cols=40 rows=8></textarea>

<input type="checkbox" name="name">

<input type="radio" name="name" value="x">

<input type=text name="name" size=20>

<input type="submit" value="name">

<input type="image" border=0 name="name" src="name.gif">

< iframe src ="/mipagina.html"> ... </iframe> >

< script type="text/javascript"> document.write("<h2>bienvenido!</h2>") </script>

<span style="color:#00FFFF;"> </span>

También podría gustarte