Las etiquetas HTML
Enviado por juancarlosretes • 8 de Febrero de 2014 • Trabajos • 1.337 Palabras (6 Páginas) • 300 Visitas
ETIQUETAS DE HTML
MARCAS BÁSICAS <html></html> Al principio y al final de todo documento. <head> </head> Cabecera del documento. Dentro del head se ponen las etiquetas: <title> </title> indica el título de la página para el navegador. <meta> permite aportar metainformación al documento, para su mejor identificación e indexación por los motores de búsqueda. Hay distintos tipos: <meta name="description" content="Frase descriptiva de los contenidos de la página"> <meta name="keywords" content="Palabras clave que resuman la temática de los contenidos de la página”> <meta name="author" content="Nombre/s del autor/es de la página"> Tras cerrar el head el se pone la etiqueta: <body> </body> Dentro de esta etiqueta se insertan los contenidos del documento El cierre de la etiqueta </body> se coloca justo antes del cierre </html>
PROPIEDADES DE LA PÁGINA La etiqueta <body> puede llevar incluida información sobre las propiedades de la página: <body bgcolor="#xxyyzz"> define el color de fondo de la página. <body text="#xxyyzz"> define el color por defecto del texto en la página. <body link="#xxyyzz"> define el color de los enlaces. <body vlink="#xxyyzz"> define el color de los enlaces visitados. <body alink="#xxyyzz"> define el color de los enlaces activos. <body background="imagen.gif"> establece una imagen para el fondo de la página. Todos estos parámetros se pueden agrupar en una única etiqueta <body>: <body bgcolor="#xxyyzz" text="#xxyyzz" link="#xxyyzz" vlink="#xxyyzz" alink="#xxyyzz">
<!-- comentarios --> Sirve para anotar aclaraciones 'privadas' del autor de la página. Lo que se escribe dentro de esta etiqueta es ignorado por el navegador y no se muestra en la página.
FORMATO DE TEXTOS <b> </b> negrita (también sirve la etiqueta <strong>… </strong>) <i> </i> cursiva (también sirve la etiqueta <em>…</em>) <u> </u> subrayado
<font size=”X”> …… </font> marca el tamaño de los caracteres, donde X es un valor del 1 a 7, o un valor relativo (+ 1-7). <font color=”#XXYYZZ”> …… </font> define el color del texto, donde XXYYZZ es un valor formado por letras y números que indica el color. <font face=”arial”> …… </font> determina el tipo de la fuente. La etiqueta <font> puede incluir los tres parámetros (tamaño, fuente y color): <font size=X color=#XXYYZZ face=fuente escogida> …… </font>
<pre> preformateado. Respeta espacios, saltos de línea y los retornos utilizados. <blink> hace parpadear el texto (no para Explorer)
Tecnología de la información http://www.unav.es/dpp/tecnologia/
FORMATO DE PÁRRAFOS <p> salto de párrafo </p> <br> salto de línea <blockquote> </blockquote> sangrado. <center> centrar el texto. <p align=center> párrafo centrado. <p align=left> párrafo alineado a la izquierda. <p align=right> párrafo alineado a la derecha.
CREACIÓN DE LISTAS Lista no numerada: <ul> <li>primer elemento de la lista</li> <li>segundo elemento de la lista</li> <li>tercer elemento de la lista</li> </ul> cierra lista
lista numerada: <ol> <li>primer elemento de la lista</li> <li>segundo elemento de la lista</li> </ol> cierra lista.
lista de glosario o definición: <dl> <dt>término que se va a definir</dt> <dd>definición del término</dd> </dl> cierra lista.
LÍNEAS HORIZONTALES SEPARADORAS <hr> línea horizontal. <hr width="x%"> anchura de la línea en porcentaje. <hr width=x> anchura de la línea en píxeles. <hr size=x> altura de la línea en píxeles. <hr align=center> línea alineada en el centro. <hr align=left> línea alineada a la izquierda. <hr align=right> línea alineada a la derecha. <hr noshade> línea sin efecto de sombra.
IMÁGENES <img src="dirección de la imagen” "> indica la ruta de la imagen. <img ... border=”X"> establece un borde de X pixels en torno a la imagen. <img ... height="XX" width="YY"> establece un tamaño de la imagen (altura y anchura) en pixels. <img ... alt="texto explicativo"> se muestra un texto al pasar el cursorsobre la imagen. <img ... align="bottom"> alineación inferior del texto respecto de la imagen. <img ... align="middle"> alineación del texto en el medio de la imagen. <img ... align="top">
...