Comandos HTML
Existen algunos comandos HTML que se deben escribir en pares de etiquetas con algunas excepciones como <BR>, <HR> y <P> donde es opcional el cerrar el comando. Los comandos pueden contener atributos internos como por ejemplo:
<p align="center">Principales Links</p>
El atributo en el ejemplo es: align="center"
La etiqueta o comando es: <p>
El texto a visualizar es: Principales Links
El cierre del comando es: </p>
Nótese que el atributo va dentro del comando <p> así: <p align="center"> Los comandos HTML pueden anidarse por ejemplo: <p align="center"><b><i>Principales Links</i></b></p> Nótese el orden interno progresivo para cerrar cada comando, este orden hay que respetarlo. Reglas Generales
Los documentos HTML son estructurados y los nombres de elementos o atributos no sensibles a mayúsculas, en algunos casos los valores de atributos pueden ser sensibles a las mayúsculas.
En un documento HTML los nombres de elementos no pueden contener espacios y se recomienda usar comillas para valores de atributos aunque no son obligatorios.
Los documentos HTML pueden contener comentarios y se especifican así: <!- Aquí van los comentarios -> El navegador al traducir el código HTML ignora los elementos y los atributos desconocidos.
Estructura General de un Documento HTML
>>Tipo de Documento
Se debe definir el tipo de documento de la siguiente forma: <!doctype html public "-//w3c//dtd html 4.0 transitional//en"> >>Etiqueta Cabecera <HEAD>
Es opcional y puede contener los siguientes comandos o etiquetas:
<BASE> permite escribir una dirección para que sea interpretada por un URL cuando el documento es leído fuera del contexto. El valor del atributo HREF debe ser un URL absoluto.
<ISINDEX> permite que el usuario pueda buscar en un índice dada una palabra.
<LINK> indica un hipervínculo. Cualquier número de elementos <LINK> puede presentarse entre el elemento <HEAD>. Es típicamente usado para indicar datos del autor, índices relacionados y glosarios, versiones anteriores o más recientes, jerarquía de los documentos, recursos asociados, etc.
<META> esta formado por dos atributos nombre y el valor para proporcionar información a los comandos sobre el documento.
- name Identifica el tipo de información como: AUTHOR, DESCRIPTION, KEYWORDS, DISTRIBUTION, REVISIT-AFTER
- content Valor para el tipo de información.
<SCRIPT> Permite indicar el uso de un lenguaje script, como por ejemplo: PHP, VBScript
<STYLE> Permite definir estilos en los elementos HTML y tener uniformidad en fuentes, colores, etc.
<TITLE> Es de carácter obligatorio y describe cada documento HTML, este titulo será visible en la barra de titulo de cada ventana del navegador. >>Cuerpo <BODY>
Contiene el texto del documento como tal, incluye título a mostrar, párrafos, listas, etc. Es el espacio en el cual se coloca el contenido de cada página, de acuerdo a los comandos que sean necesarios para definir: tipos de letras, colores, tamaños, etc.
El comando BODY puede tiener los siguientes atributos:
BGCOLOR Permite indicar un color de fondo.
TEXT Permite indicar un color de texto.
LINK Permite indicar un color a los links o vínculos antes de ser visitados.
VLINK Permite indicar un color a los links o vínculos visitados.
ALINK Permite indicar un color a los links o vínculos activos.
LANG Permite indicar el lenguaje a utilizar.
BACKGROUND Permite indicar una imagen en el fondo de toda la página. >>Color
En HTML, los colores se indican mediante el sistema RGB abreviatura de "Red, Green and Blue".
Este código se basa en el hecho de que cualquier color puede ser indicado mediante las cantidades de rojo, verde y azul que posee expresadas en Hexadecimal.
Indicador | valor para el color rojo | valor para el color verde | valor para el color azul | # | de 00 a FF | de 00 a FF | de 00 a FF |
Algunos ejemplos: | Blanco | #FFFFFF | Negro* | #000000 | | Rojo | #FF0000 | Verde | #00FF00 | | Azul | #0000FF | Amarillo | #FFFF00 | | Magenta | #FF00FF | Cyan | #00FFFF | | Café | #A62A2A | Turquesa | #ADEAEA |
*obviamente no se vería. Aunque se pueden escribir algunos colores de la siguiente forma:
white
black
red
green
blue
yellow
El color para nuestros textos en www.cosaslibres.com es: #CCCCFF >>Títulos
H1 : Letra en negrilla, fuente muy grande, centrado, una o dos líneas en blanco antes y después.
H2 : Letra en negrilla, fuente grande, ajustado a la izquierda, una o dos líneas en blanco antes y después.
H3 : Letra itálica, fuente grande, ligeramente indentada de la margen izquierda, una o dos líneas en blanco antes y después.
H4 : Letra en negrilla, fuente normal, indentada más que H3, una línea en blanco antes y después.
H5 : Letra itálica, fuente normal, indentada igual que H4, una línea en blanco antes.
H6 : Letra en negrilla, indentada igual que el texto normal, más que H5, una línea en blanco antes.
>>Comandos de bloque
Párrafos <P> .... </P> El texto entre las etiquetas son una unidad de párrafo, generalmente, los párrafos son limitados por un espacio vertical de una línea o media línea.
Tiene los siguientes atributos: ALIGN permite alinear el párrafo y tiene los siguientes valores: - center centra el texto del párrafo
- left alinea el texto a la izquierda
- right alinea el texto a la derecha
- justify justifica el texto
- indent indenta el texto
<BR> Permite el retorno de carro y baja una línea.
<B> ... </B>Permite poner negrita en un texto.
<CENTER> ... </CENTER> Permite centrar casi todos los elementos que estén en medio de los comandos.
<DIV> ... </DIV> Permite estructurar el documento en secciones para alinear la sección.
<BLOCKQUOTE> ... </BLOCKQUOTE> permite indentar y un texto para citar un texto o una nota. Ejemplo: <!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Mozilla/4.7 [en] (Linux; I) [Netscape]">
<meta name="CREATED" content="20020903;22072429">
<meta name="CHANGEDBY" content="Alexander Herrera">
<meta name="CHANGED" content="20020903;22200855">
<title>Ejemplo de página Web</title> </head>
<body text="#CCCCFF" bgcolor="#000000" link="#FFFF66" vlink="#C0C0C0" alink="#FF0000" LANG="es-ES">
<p>Párrafo sin atributos</p>
<p align="center">Párrafo con el atributo align="center"</p>
<p align="right">Párrafo con el atributo align="left"</p>
<p align="left">Párrafo con el atributo align="right"</p>
<p align="justify">Párrafo con el atributo align="justify" debe tener varias lineas para ver su efecto.
Debe tener varias lineas para ver su efecto. Debe tener varias lineas para ver su efecto.
Debe tener varias lineas para ver su efecto. Debe tener varias lineas para ver su efecto.
Debe tener varias lineas para ver su efecto. Debe tener varias lineas para ver su efecto.</p>
<p align="indent">Párrafo con el atributo align="indent"
Debe tener varias lineas para ver su efecto. Debe tener varias lineas para ver su efecto.
Debe tener varias lineas para ver su efecto. Debe tener varias lineas para ver su efecto.
Debe tener varias lineas para ver su efecto. Debe tener varias lineas para ver su efecto.</p> <center>
<p>Nótese el orden interno progresivo para cerrar cada comando, <b>este orden hay que respetarlo</b></p></center> <!- aquí si van los comentarios ->
<p><font face="Arial, Helvetica, sans-serif"><!- Aquí van los comentarios
-></font></p> <h1><b>Título de tipo H1</b></h1><br>
<h2><b>Título de tipo H2</b></h2><br>
<h3><b>Título de tipo H3</b></h3><br>
<h4><b>Título de tipo H4</b></h4><br>
<h5><b>Título de tipo H5</b></h5><br>
<h6><b>Título de tipo H6</b></h6><br>
<br>
<p>Texto sin el comando <br></p>
<p>Texto<br>
con<br>
el<br>
comando<br>
<br></p>
<br>
Texto sin centar
<center>Texto centrado</center><br>
<br>
<br>
<BLOCKQUOTE>Texto con BLOCKQUOTE Debe tener varias lineas para ver su efecto. Debe tener varias
lineas para ver su efecto. Debe tener varias lineas para ver su efecto. Debe tener
varias lineas para ver su efecto. Debe tener varias lineas para ver su efecto.
Debe tener varias lineas para ver su efecto.</BLOCKQUOTE>
</body>
</html>
Ver el ejemplo de estos comando en acción
 | Atención: Visite nuestro listado de productos Linux y software libre aqui... |
| 
