|
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:nochesdigitales@gmail.com">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
|
0 Comentarios