|
Formato Básico de HTML
|
|
|
<html></html>
|
abre un archivo HTML
y lo cierra |
|
<head></head>
|
Apertura de la cabecera del
documento. |
|
<title></title>
|
Titulo de una Web
|
|
<body></body>
|
Cuerpo de la Web
|
|
<body background=”paisaje.jpg”></body>
|
Fondo en el Fondo de
la Web |
|
<body bgcolor=”#FF0000″></body>
|
Color en el Fondo de la Web
|
|
Formato de Texto de HTML
|
|
|
<font
color=”red”></font> |
Color al Texto
|
|
<font
size=4>Este texto es más grande</font> |
Cambia el Tamaño de
la Letra |
|
<font
face=”Comic Sans MS,arial,verdana”>Tipo de Letra</font> |
Cambia el Tipo de la Fuente
|
|
<h1></h1>…<h6></h6>
|
Nos definen el
tamaño de un título o cabecera. |
|
<p></p>
|
Parrafo Nuevo
|
|
<!– … –>
|
Insertar Comentarios
|
|
<br></br>
|
Salto de Linea
|
|
<hr></hr>
|
Insertar Linea
Horizontal |
|
<b> </b>
|
Texto en Negrita
|
|
<big> </big>
|
Texto Grande
|
|
<em> </em>
|
Texto Enfatizado
|
|
<h1></h1>…<h6></h6>
|
Nos definen el
tamaño de un título o cabecera. |
|
<strong> </strong>
|
Texto fuerte
|
|
<sub> </sub>
|
Texto subíndice
|
|
<sup> </sup>
|
Texto superíndice
|
|
<del> </del>
|
Texto tachado
|
|
<ins> </ins>
|
Texto subrayado
|
|
Formato de Enlaces de HTML
|
|
|
<a
href=”http://www.nochesdigitales.org/” target=”_blank”>Noches Digitales</a> |
Enlaces para otras WEB
|
|
<a href=”mailto:no*************@***il.com” data-original-string=”L5uK0Az2Z8cPqpdJLCm6Ww==5cdqSFBcEEuPtNgahym5OY0bvPIKCA9TfFgN2bEv5SpR7E=” title=”This contact has been encoded by Anti-Spam by CleanTalk. Click to decode. To finish the decoding make sure that JavaScript is enabled in your browser.”>Mandar
email</a> |
Envia Email
|
|
<a
href=”http://www.google.com/”><img src=”../graficos/google.gif”></a> |
Vuelve a una Imagen como enlace
|
|
<a
name=”inicio_pagina”> </a>
<a
href=”#inicio_pagina”>Ir al inicio de la página </a> |
Enlaces Internos 1.
Punto de enlace 2. Llamado al enlace |
|
Formato de Tablas en HTML
|
|
|
<table> <table>.
|
Apertura y Cierre de
la Tabla |
|
<tr> </tr>
|
Config de la Filas
|
|
<td> </td>
|
Config de la Columnas
|
|
<table border=”3″>
</table> |
Tabla con Bordes
|
|
<table
border=”1px” cellspacing=”15px”> </table> |
Tablas con Espacio
entre celdas |
|
<center></center>
|
Centrar
|
|
<right></right>
|
Alinear Derecha
|
|
<left></left>
|
Alinear Izquierda
|
|
<justify></justify>
|
Justificar
|
|
Formato de Listas en HTML
|
|
|
<ol></ol>
|
Apertura y Cierre de
Listas Ordenadas |
|
<li></li>
|
Cada Item de la Lista
|
|
<ul></ul>
|
Apertura y Cierre de
Listas Desordenadas |
|
Imágenes en HTML
|
|
|
<img src=”RutaImagen.jpg”>
|
Insertar imagen
|
|
<img src=”RutaImagen.jpg”
height=”200″ width=”400″ > |
Imagen con height “altura”
width “anchura” |
|
<img src=” RutaImagen.jpg
” align=”center”> |
Imagen Centrada
|
|
Formularios en HTML
|
|
|
<textarea
name=”nombre” cols=40 rows=8> </ textarea> |
Crea un área de la
caja de texto. Establecer el ancho de las columnas. |
|
<input
type=”checkbox” name=”NAME”> |
Crea una casilla de verificación.
|
|
<input type=”radio”
name=”nombre” value=”x”> |
Crea un botón de
radio. |
|
<input type=text
name=”foo” size=20> |
Crea una línea de texto y un área.
|
|
<input
type=”submit” value=”NAME”> |
Crea un botón Enviar
|
|
|
By Rafa Guerrero
|
