HTML
Concepto de etiquetas
Una etiqueta cumple su función determinada dentro del archivo html. Dicha etiqueta
ejecutara un comando
Estructura básica de una página WEB
<html></html> Indica al navegador que el documento que esta leyendo es un archivo
HTM
<head></head> En esta se indica el encabezado de la página WEB.
<title><title> Esta etiqueta va en la parte del encabezamiento de la página web
y define en su contenido el título de la página web, que aparecerá en la parte superior
como nombre de pestaña.
<body></body> Cuerpo de la página donde se despliega el contenido global
ETIQUETAS
Etiqueta <b></b>
Etiqueta que posibilita un texto en negrita.
Etiqueta <u></u>
Etiqueta que posibilita un texto con subrayado.
Etiqueta <i></i>
Etiqueta que posibilita resaltar un texto con inclinación itálica.
Etiqueta <strike></strike>
Etiqueta que posibilita tachar un texto.
Etiqueta <body></body>
Todo el texto, las imágenes y el formato visibles al usuario deben encontrarse entre las
etiquetas <body>...</body>.
Atributo
BGCOLOR: Define el color de fondo de la página
BACKGROUND: Define una imagen como fondo de la página
Etiqueta <hr></hr>
Esta etiqueta dibuja de manera predeterminada una línea horizontal alineada
automáticamente, con una apariencia de tercera dimensión. Esta etiqueta es especial
por que no necesita de cierre. Tiene los siguientes atributos:
Atributos:
ALIGN: Establece que la línea o recuadro se alinee a la izquierda, centro o derecha.
LEFT,CENTER o RIGHT
WIDTH: Permite especificar el ancho de la línea o recuadro (en pixeles o porcentaje)
SIZE: Permite especificar el alto de la línea o recuadro (en pixeles)
Etiqueta <font></font>
Esta etiqueta proporciona un manera de personalizar el texto con respecto al tipo de
fuente, tamaño y color.
Atributos:
COLOR: determina el color que se aplica al texto
SIZE: determina el tamaño relativo del texto. Los tamaños válidos son del 1 al 7
FACE: asigna una fuente o tipo de letra
Etiqueta <center></center>
Permite centrar el texto/imagen o datos que se encuentren entre la apertura y el
cierre.
VIÑETAS
Etiqueta <ul></ul>
Indica al navegador que cree una lista con viñetas no ordenada.
No solamente usada para fines de marcas y viñetas, sino también para fines de sangría
o tabulaciones.
Etiqueta <ol></ol>
Listas ordenadas, esta etiqueta predeterminada indica al navegador que ordene la
lista de elementos comprendidos dentro de las etiquetas <ol>
Type Especifica el tipo de ordenamiento Type=A Usa letras, mayusculas, TYPE=a
emplea letras minúsculas, Type=I Usa, números romanos grandes, Type=i usa números
romanos pequeños yType=1 usa números arábigos.
Etiqueta <li></li>
Se usa para indicar al navegador que exhiba el texto que le sigue como un elemento de
línea en una lista. Atributos:
Type Sirve para definir la forma de la viñeta en las listas no ordenadas. Sus valores
puede ser DISC, CIRCLE y SQUARE
Value Indica que se inicie la numeración a partir del número especificado
Etiqueta <table></table>
Señala el inicio y final de una tabla. Atributo:
Align Establece la alineación de la tabla o texto mediante RIGHT, LEFT, CENTER
Bgcolor Establece el color de fondo de las celdas de la tabla
Border Determina el ancho del borde en pixeles
Bordercolor Asigna un color al borde
Cellspacing Asigna la cantidad de espacio entre las celdas de una tabla
Width Determina el ancho de la tabla en pixeles o en un porcentaje
Etiqueta <tr></tr>
Indica la apertura de una fila; puede también interpretarse como la etiqueta que
define filas.
Align Alineación del texto/objetos en toda la fila
Etiqueta <td></td>
Es la etiqueta de datos de la tabla, es la etiqueta que muestra el dato en el navegador.
Atributos principales:
Align Alineación del texto/objeto de la celda
Bgcolor Color de fondo de la celda
Background imagen de fondo de una celda
Width Ancho de la celda/columna con respecto al ancho de la tabla. Solo precisa
definir el ancho en la primer fila
Recuerde que dentro de una celda, se puede insertar desde texto, un gráfico hasta una
tabla entera.
Etiqueta <th></th>
Indica que muestre en toda una fila. Atributos:
Colspan Especifica el número de celdas que cubre el texto
Align Determina la posición del texto del titulo
Etiqueta <P></Pl>
indica el inicio y el final de oraciones a exhibir con un solo párrafo.Atributos.
Align Indica hacia donde alinea el texto. Valores posibles “left”, “right”, “center”
Etiqueta <marquee></marquee>
Hace que el tiempo se desplace. Atributos
WIDTH Ancho de la marquesina
HEIGHT Alto de la marquesina
DIRECTION Indica la dirección hacia donde se desplaza el texto.Posibles valores
"LEFT","RIGHT". “UP” y “DOWN”
BEHAVIOR Es el comportamiento del despazamiento, de los valores posibles:
SCROLL (el comportamiento por defecto) indica que tiene que hacer el
desplazamiento siempre en una misma dirección. El valor
ALTERNATE, indica que el desplazamiento se hace hacia un lado y al otro de
manera alternada.
SCROLLDELAY Indica el tiempo de desplazamiento en milisegundos
SCROLLAMOUNT Se desplaza a través de saltos para moverse masr apidamente
LOOP Cantidad de ciclos de repeticion
BGCOLOR Color de fondo
Etiqueta <pre></pre>
El texto tal cual se escribe en el editor.
se ve en la pagina
Etiqueta <sub></sub>
Indica al navegador que el texto se vea como subindice
Etiqueta <sup></sup>
Indica al navegador que el texto se vea como superindice
Etiqueta <big></big>
Permite aumentar el tamaño del texto respecto a su tamaño
Etiqueta <small></small>
Permite disminuir el tamaño del texto respecto a su tamaño
Etiqueta <img>
Esta etiqueta indica al navegador para que muestre una imagen especificada.
Se trata de otra etiqueta especial, pues no necesita de etiqueta de cierre. No es
necesario re dimensionar en forma permanente un archivo gráfico para exhibirlo.
Atributos:
src Indica la imagen que va a ser desplegada
height redimiensina el alto de la imagen
width redimiensina el ancho de la imagen
alt muestra un texto alterno en caso de no verse la imagen
Etiqueta <A></A>
Esta etiqueta indica al navegador para que muestre una imagen especificada.
Se trata de otra etiqueta especial, pues no necesita de etiqueta de cierre. No es
necesario re dimensionar en forma permanente un archivo gráfico para exhibirlo.
Atributos:
HREF Hace referencia al hipervínculo que va a ser buscado.
NAME Especifica el nombre de la posición o seccion donde se dirige
TARGET: Destino del enlace (generalmente para páginas con Frames)
