HTML
(HyperText Markup Language) es un lenguaje
muy sencillo que permite describir hipertexto,
es decir, texto presentado de forma estructurada
y agradable, con enlaces (hyperlinks)
que conducen a otros documentos o fuentes
de información relacionadas, y
con inserciones multimedia (gráficos,
sonido...) La descripción se basa
en especificar en el texto la estructura
lógica del contenido (títulos,
párrafos de texto normal, enumeraciones,
definiciones, citas, etc) así como
los diferentes efectos que se quieren
dar (especificar los lugares del documento
donde se debe poner cursiva, negrita,
o un gráfico determinado) y dejar
que luego la presentación final
de dicho hipertexto se realice por un
programa especializado (como Mosaic, o
Netscape).
Cpdigos
Básicos
<html></html>
Crea un documento
HTML
<head></head>
Stea el título
y otra información que no se visualizará
en la página web
<body></body>
Setea la parte visible
de la página
Tags
de Encabezado
<title></title>
Pone el nombre del
documento en la barra del título
Atributos
del <Body>
<body
bgcolor=?>
Setea el color de fondo, usando nombres
o valores hex
<body text=?>
Setea el color del texto, usando nombres
o valores hex
<body link=?>
Setea el color de los enlaces, usando
nombres o valores hex
<body vlink=?>
Setea el color de los enlaces visitados,
usando nombres o valores hex
<body alink=?>
Setea el color de los enlaces al ser presionados,
usando nombres o valores hex
Tags
de texto
<pre></pre>
Crea texto preformateado
<hl></hl>
Crea un título grande
<h6></h6>
Crea un título pequeño
<b></b>
Crea texto en negritas
<i></i>
Crea texto en itálicas
<tt></tt>
Crea texto teletipo
<cite></cite>
Crea una cita, usando itálicas
<em></em>
Enfatiza una palabra
<strong></strong>
Enfatiza una palabra (con itálicas
or negritas)
<font size=?></font>
Setea el cuerpo de la fuente de 1 a 7
<font color=?></font>
Setea el color de la fuente, usando nombres
o valores hex
Enlaces
<a
href="URL"></a>
Crea un hipervínculo
<a href="mailto:EMAIL"></a>
Crea un enlace de email
<a name="NAME"></a>
Crea un enlace dentro del documento
<a href="#NAME"></a>
Vincula a ese target dentro del documento
Formatting
<p></p>
Crea un párrafo nuevo
<p align=?>
Alinea un párrafa (izquierda, centro,
derecha)
<br>
Inserta un salto de línea
<blockquote></blockquote>
Justifica el texto a ambos lados
<dl></dl>
Crea un lista de definición
<dt>
Precede cada término de definición
<dd>
Precede cada definición
<ol></ol>
Crea un lista numerada
<li></li>
Precede cada ítem de una lista
y le agrega un número
<ul></ul>
Crea una lista con puntos
<div align=?>
Un tag genérico utilizado para
formatear grandes bloques de HTML,
también usado para stylesheets
Elementos
de Imagenes
<img
src="name">
Agrega una imagen
<img src="name"
align=?>
Alinea una imagen an image
<img src="name"
border=?>
Setea el grosor del borde de la imagen
<hr>
Inserta una linea horizontal
<hr size=?>
Setea la altura de una linea
<hr width=?>
Setea el ancho de la linea, en porcentaje
o números absolutos
<hr noshade>
Inserta una linea horizontal sin sombra
Tablas
<table></table>
Crea una tabla
<tr></tr>
Setea cada row de la tabla
<td></td>
Setea cada celda de la tabla
<th></th>
Setea el header de la tabla (una celda
normal, con texto centrado y resaltado)
Atributos
de las Tablas
<table
border=#>
Setea el grosor del borde de la tabla
<table cellspacing=#>
Setea la cantidad de espacio entre las
celdas
<table cellpadding=#>
Setea la cantidad de espacio entre el
borde de las celdas y su contenido
<table width=#
or %>
Setea el ancho de la tabla - en pixel
o en porcentaje de acuerdo al ancho
del documento
<tr align=?>
or <td align=?>
Setea la alineación delas celdas
(izquierda, centro, derecha)
<tr valign=?>
or <td valign=?>
Setea la alineación vertical de
las celdas (arriba, nedio, abajo)
<td colspan=#>
Setea la cantidad de columnas dentro de
una celda
<td rowspan=#>
Setea la cantidad de rows que una celda
despliega (por defecto=1)
<td nowrap>
Previene que se rompa una linea dentro
de la celda
Frames
<frameset></frameset>
tag dentro de un documento de frames
<frameset rows="value,value">
Define las filas de un frame, usando números
o porcentaje para definir el
largo
<frameset cols="value,value">
Define las columnas de un frame, usando
números o porcentaje para
definir el largo
<frame>
Define un solo frame - o región
- dentro de frameset
<noframes></noframes>
Define lo que aparecerá en navegadores
que no soporten frames
Atributos
de los Frames
<frame
src="URL">
Especifica que documento html será
desplegado
<frame name="name">
Nombra al frame or región, para
que pueda ser llamado desde otro frame
<frame marginwidth=#>
Define los márgenes derecho e izquierdo
del frame; debe ser igual o mayor
a 1
<frame marginheight=#>
Define los márgenes de arriba y
abajo del frame; debe ser igual o mayor
a
1
<frame scrolling=VALUE>
Setea si el frame tendrá barra
de desplazamiento o no; el valor debe
ser "yes," "no," o
"auto. " El default es "auto".
<frame noresize>
Hace que el usuario no pueda modificar
el tamaño del frame.
