----------------------------
Marca de inicio : <HTML>
Fin de la marca : </HTML>
-----------------------------
Cabecera : ( <HEAD> | </HEAD>)
<TITLE> | </TITLE> : Para dar nombre al documente
<META> | </META> : Para forzar a la página activa a ser cargada cada cierto tiempo.
<BASE> | </BASE> : Para prefijar la dirección de los documentos referenciados mediante un URL relativo.
--------------------
Cuerpo : < BODY>
--------------------
Comentarios dentro del HTML <!-- comentario -->
3.- Separadores de bloques de texto
<P> : Se utiliza para separar párrafos.
-------------
<P ALIGN="center">Tu Texto</p>
LEFT : Justifica el texto a la izquierda
RIGHT: Justifica el texto a la derecha
CENTER: El texto aparece centrado
-------------
<BR> : Se utiliza para saltar de linea.
<BLOCKQUOTE> : Sirve para representar párrafos tabulados , por la izquierda y derecha.
-------------
<HR> Se emplea para separar bloques de texto representando una línea horizontal.
Se puede cambiar la apariencia de dicha línea mediante los siguientes atributos:
NOSHADE: Elimina el efecto de sombra de la línea.
WIDTH : Permite definir la longitud de la línea.
SIZE : Permite definir el grosor de la línea.
COLOR : Permite definir el color de la línea.
-------------
<DIV> : Division de lineas
<PRE> : Texto preformado , por tanto se respetan los espacios y saltos de linea.
<ADDRESS> : Se emplea para indicar que un texto representa una dirección o una firma mostrándolo , generalmente, en la letra cursiva.
<CENTER> : Se emplea para centrar una línea.
4.- Tipos de letras
<Hn> : Se utiliza fundamentalmente para escribir encabezamientos.
-------------------------
<FONT> : Permite definir el tamaño , color y tipo d letra de un conjunto de caracteres mediante los siguientes atributos :
SIZE : Regula el tamaño de los caracteres (1-7)
COLOR : Especifica el color de los caracteres.
FACE : Permite definir el tipo de letra.
------------------------
<BASEFONT> : Permite cambiar el tamaño por defecto de toda la página mediante el atributo SIZE
Ejemplo : <basefont size=4> Con eso conseguira cambiar el tamaño por defecto de la letra de toda su web.
Estilos de caracteres
<b> : Negrita
<i> : Cursiva
<u> : Tachado
<strike> : Asuperindice
<sup> : Bsubindice
<blink> : Parpadeo
<tt> : Maquina de escribir
<big> : Texto grande
<small> : Texto pequeño
---
Estilos lógicos :
<em> : Énfasis
<strong> : Texto destacado
<code> : Codigo
<cite> : Citas
<kbd> : Entrada por teclado
<samp> : Ejemplos
<var> : Variables
5.- Colores
Se puede controlar el color del texto utilizando el elemento <FONT> con el atributo COLOR
Colores del entorno:
Un cierto número de atributos de la marca <BODY> permite controlar el color del fondo de la ventana del explorador , el color de los caracteres del texto y, finalmente, el color de los enlaces:
Ejemplo :
<HTML>
<HEAD>
<TITLE> Ejemplo de color del entorno</TITLE>
</HEAD>
<BODY BGCOLOR="#000">
</BODY>
</HTML>
Este ejemplo hará que el fondo de tu web sea completamente negro. #00000 ( Negro ) Codigo abreviado (#000)
El atributo BACKGROUND :
Este atributo permitirá que se utilice una imagen residente en el servidor , o en un fichero local, como fondo de página.
Ejemplo :
<BODY BACKGROUND="nombre del fondo de pagina">
6.- Hiperenlaces
<A> : Se utiliza para definir los elaces hipertexto de los documentos HTML.
HREF : Define un ancla de partida
NAME : Define el ancla de llegada.
-----------------
TARGET : Este atributo ordena la apertura de una nueva ventna con el documento indicado por el atributo HREF
Ejemplo :
<HTML>
<HEAD>
<TITLE> Ejemplo de hiperenlaces. </TITLE>
</HEAD>
<BODY>
<a href="ejemplo1.html"target="ejemplo2.html"></a>
</BODY>
</HTML>
Si pulsas con el ratón sobre este hiperenlace se visualizará la página (ejemplo2.html) en una nueva ventana del explorador.
-----------------------------7.- Listas
<UL> ,<LI> : Listas sin orden, sin numeración.
<OL> ,<LI> : Listas ordenadas, con numeración
<DIR> ,<LI> : Listas de directorio, similares a las listas sin orden
<MENU> ,<LI> : Listas de menú, similares a las listas sin orden
<DL> ,<DT> ,<DD> : Listas de definición típicamente un glosario
8.- Tablas
<TABLE> : Marca de inicio de la tabla
<TR> : Marca de comienzo de una nueva línea
<TD> : Marca de comienzo de una celda
<TH> : Definición de textos de cabecera en las celdas
<CAPTION> : Definicion de títulos para las tablas
9.- Frames
<FRAMESET> : Permite precisar la forma de los diferentes paneles por medio de los atributos (ROWS y COLS)
<FRAME> : Es la marca de definición de los paneles creados con FRAMESET
<NOFRAMES> : Permite ofrecer un texto alternativo en el entorno normal
Los paneles pueden estar relacionados y tener enlaces de unos a otros para ello se utiliza el atributo TARGET que indica en qué panel debe mostrarse el documento asociado a un enlace de hipertexto.
10.- Formularios
<FORM> : Delimita el comienzo y fin de la definición del formulario.
<INPUT> : Permite crear diferentes tipos de entradas : campos de edición y diversos tipos de botones;
<SELECT> : Permite crear listas: menús despegables y listas con barras de desplazamiento;
<TEXTAREA> : Genera una zona de edición de texto libre.
11.- Imágenes
<IMG> : Permite incluir una imagen en un documento.
----
ALIGN : Alinea la imagen, según la posición que se le indique, respeco a la línea de texto en lo que está. Puede tomar los soguientes valores:
TOP : Alinea la parte superior de la imagen con la línea actual
MIDDLE : Alinea el centro de la imagen con la línea actual
BOTTOM : Alinea la base de la imagen con la línea actual.
----
Mediante el elemento <BODY> y el atributo BACKGROUND se permite utilizar una imagen residente en el servidor, o en un fichero local, como fndo de página.
Ejemplo:
<body background="direccion_del_fichero_grafico">
Asi se mostrará la imagen que seleccionaste de fondo de página.
Imágenes como marcas de una lista :
Para obtener una lista adornada con algún tipo de icono se podrán utilizar las listas de definición de la siguiente forma :
<DL>
<DT><IMG SRC=nombre de imagen>Linea de texto
</DL>
12. Texto en movimiento :
Para que un texto se desplace se escribe la etiqueta <MARQUEE>tutexto</MARQUEE>
Ejemplo :
<HTML>
<HEAD>
<TITLE> Ejemplo de texto en movimiento </TITLE>
</HEAD>
<BODY>
<marquee> Tu texto en movimiento </marquee>
</BODY>
</HTML>
Como no hemos añadido ningún atributo dentro de la etiqueta , el comportamiento de la marquesina será simple , moviendose de derecha a izquierda por defecto.
WIDHT , HEIGHT : Ajustan la anchura y altura, respectivamente, de la marquesina.
--------
ALIGN : Modifica el alineamiento del texto que rodea a la marquesina, que puede ser :
TOP : Arriba
MIDDLE : En medio
BOTTOM : Abajo.
--------
BEHAVIOR : Sirve para definir de qué manera se va a efectuar el desplazamiento del texto :
SCROLL : Este es el que biene por defecto.
SLIDE : Aparece por un lado y se desplaza al llegar al otro extremo, y se para ahí.
ALTERNATE : Se desplaza alternativamente hacia un lafo y otro, siempre dentro de los límites de la marquesina.
-------
BGCOLOR : Con este atributo se modifica el color de fondo de la marquesina.
-------
DIRECTION : Con este atributo se modifica la dirección de la marquesina , y estas pueden ser :
LEFT : Izquierda
RIGHT : Derecha
UP : Arriba
DOWN : Abajo
-------
SCROLLDELAY : Define el tiempo entre cada movimiento de avance , expresado en milisegundos.Cuanto mayor es el número más lento avanza.
LOOP : Especifica el número de veces que aparecerá el texto. Es inefinido por defecto.
-------------------------
Fin [*_*]
Si tienen problemas posteen.
Fuente : Libro HTML
