Html.....
- 1. UNIVERSIDAD TECNICA “LUIS VARGAS TORRES” 7MO“A” DE INFORMATICA GENESIS GRAY AGUIRRE
- 4. 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.
- 6. <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)
- 7. 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
- 8. 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 <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.
- 9. 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.
- 11. • útiles para componer la página y para presentar datos tabulares. <table>……</table> Define dónde comienza y termina la tabla <table width="XX%"> Determina la anchura de la tabla. Puede darse en píxeles (no lleva el símbolo %), o en porcentaje de la página. <table height="XX> Determina la altura de la tabla en píxeles. •<table border="X"> Establece el grosor en píxeles del borde de la tabla •<table cellspacing="X"> Define el espacio en píxeles entre las celdas •<table cellpadding="X"> Define el espacio en píxeles entre el borde y el texto •<tr>……<tr> determina cada una de las filas de la tabla •<td>……</td> determina cada una de las columnas dentro de las filas •<td>primera columna de la fila 2</td> • <td>segunda columna de la fila 2</td> • <td>tercera columna de la fila 2</td> • </tr> •</table> •<td rowspan="2"> </td> une dos celdas de dos filas adyacentes, en una •única celda. •<td colspan="2"> </td> une dos celdas de dos columnas adyacentes en una •sola celda. •Dentro de cada celda se puede alinear el texto o cualquier contenido, cambiar el •color de fondo, con las etiquetas habituales para texto, párrafos o imágenes.
- 12. •CREACIÓN DE ENLACES IMÁGENES •<a href=”mailto:dirección de mail”> Vínculo a una dirección de correo-e. •<a name=”marcador”> define un marcador (ancla) en un punto concreto de una •página, para poder enlazarlo posteriormente. •<a href=”#marcador”> dirige un enlace interno al punto dónde está el marcador. •<a href=”dirección página#marcador”> dirige el enlace a un punto concreto de otra •página. •Dentro del a href: •target="_blank" Abre la página en un nuevo navegador. •target=”_top” Abre la página en toda la pantalla para evitar los frames. •title=”texto descriptivo del enlace” permite incluir una descripción del destino del enlace