Junio 2016
¿Cómo esta conformada?
Conoce sus etiquetas
Colores Tamaño y color
¿Cómo ponerlo?
La cabecera de la página esta conformada por las siguientes etiquetas: <HTML>: Identificador del tipo de documento. <HEAD></HEAD>: Indica la cabecera del documento. <TITLE></TITLE>: Título del documento.
ď&#x192;&#x2DC; <BODY></BODY>:
Es la etiqueta usada para indicar el cuerpo de un documento HTML, es la parte donde se describe el contenido de la pĂĄgina (su estructura, su forma, sus colores, texto, y todo lo visual), su inicio lo indica la etiqueta <body> y su final con la etiqueta </body>.
BGCOLOR:
A través de este parámetro podremos definir el color de fondo que queramos que tenga nuestra página. Un ejemplo muy simple es el siguiente: Si queremos que nuestra página quede con un fondo rojo deberemos escribir:
<body bgcolor="#FF0000"></body>
BACKGROUND:
Puede que no quieres que tu página tenga un color sólo de fondo, sino que quieras que tu página tenga una imagen. En ese caso deberás indicarlo con la etiqueta "background". La etiqueta quedaría de la siguiente manera:
<body background="URL"> </body>
(Dónde leemos "URL" deberemos escribir la dirección de la imagen que queramos que sea nuestro fondo.)
TEXT:
Una vez tenemos el fondo definido, tendremos que predefinir ahora el color del texto de nuestra web. Es decir, tendremos que decirle al navegador de qué color queremos que sea nuestro texto. Esto lo definiremos con el parámetro "text".
Como ejemplo vamos a poner que queremos que nuestro texto sea en negro, con lo que escribiremos lo siguiente: <body text= "#000000"></body>
LINK,
ALINK Y VLINK: En body también podemos ( y de hecho debemos hacerlo) definir el color de los vínculos de nuestra páginas, definir el color con el que se mostraran los links. Aquí debemos diferenciar tres tipos de instrucciones: Debemos definir el color del link (con la etiqueta "link"), el color del link activo (con la etiqueta "alink") y el color del link ya visitado (con la etiqueta "vlink"). Ejemplo:
<body link= "#FF0000" alink= "#00FF00" vlink= "# 0000FF"></body>
<FONT>:
Esta etiqueta especifica el tamaño, color y tipo de fuente para un texto. SIZE: Especifica el tamaño de la fuente por defecto. El valor debe ser un entero entre 1 y 7. COLOR: Especifica el color del texto por defecto.
<font size="3" color="red">Tamaño: 3 - color: rojo</font><br> <font face="serif" color="blue">Nombre de fuente: serif - color: azul</font><br> <font face="verdana" color="green" size="5">Nombre de fuente: verdana - color: verde</font> Tamaño: 3 - color: rojo Nombre de fuente: serif - color: azul Nombre de fuente: verdana - color: verde - tamaño: 4
<HN>:
La etiqueta <hn> se utiliza como encabezado de una sección. HTML cuenta con seis diferentes niveles de encabezados, h1 el más importante y h6 el menos importante.
<h1>Texto muy grande h1</h1> <h2>Texto grande h2</h2> <h3>Texto algo más grande de lo normal h3</h3> <h4>Texto normal h4</h4> <h5>Texto pequeño h5</h5> <h6>Texto muy pequeño h6</h6>
<IMG>:
La etiqueta <img> incluye una imagen en el documento. Se pueden alinear: Horizontalmente: Puedes usar el valor de alineación left (izquierda) o el valor right (derecha). Ejemplos:
<IMG SRC="conversa.gif" WIDTH="198" HEIGHT="95" BORDER="0" ALIGN="LEFT">
<IMG SRC="conversa.gif" WIDTH="198" HEIGHT="95" BORDER="0" ALIGN="RIGHT">
Verticalmente: Como estándar, los navegadores soportan estos tres valores: Top: Este coloca la imagen en la parte más superior de la línea de texto. Middle: La imagen ahora estará alineada con el centro de la línea de texto. Bottom: Con este valor, la imagen será alineada con la parte inferior de la línea de texto. Ejemplo: Sonrie.gif