Ir al contenido principal


HTML


HTML es un lenguaje muy sencillo compuesto de elementos, en este caso se dará a conocer, la estructura de un documento HTML, su función, algunos consejos básicos y algunos conceptos previos para llevar acabo su desarrollo.



ESTRUCTURA DE UN DOCUMENTO








Caracteres: El documento HTML puede tener distintos tipos de caracteres.
Para representar los caracteres empleados existen dos mecanismos de referencia:

-Referencia por nombre: el carácter se representa con un & seguido del nombre del carácter y un punto y coma. 


-Referencia numérica: en lugar de dar la referencia por nombre, se escribe # seguido del numero de carácter. 


HEAD:


Es una información acerca de las características generales del documento. Las marcas de principio y fin del bloque son:


<HEAD>

Esta puede contener los siguientes datos:

Titulo(TITLE). Dirección de base(BASE) y Enlaces relacionados(LINK).

BODY:

El cuerpo contiene la parte mas importante del documento HTML. Es donde vamos a insertar todo el texto y los objetos van a ser presentados al usuario.

<BODY>

CABECERAS DE UN DOCUMENTO

Las cabeceras se utilizan básicamente para definir el titulo de una página

-<H1> Título principal </ h1>
-<H2> Título secundario </ h2>
-<H3> Título en tercer lugar </ h3>

CUERPO DE UN DOCUMENTO

El body o cuerpo como se ha dicho anteriormente es considerado la parte mas importante de una página o en este caso un documento creado en el bloc de notas, ya que aquí es donde va la información de lo que quieres escribir en tu pagina

<BODY> </BODY>

TAMAÑOS Y TIPOS DE LETRA

Una forma de cambiar los tamaños de letra es utilizar el elemento <FONT > con el atributo VALOR, que es un número entre 1 y 7. El valor por defecto del texto es 3. Esta forma no produce un salto de párrafo después de cada cambio, por lo que pueden hacerse cosas como esta:

<FONT SIZE=3>A</font><FONT SIZE=4>A</font><FONT SIZE=5>A</font>

<FONT SIZE=6>A</font><FONT SIZE=7>A</font><FONT SIZE=6>A</font>

<FONT SIZE=5>A</font><FONT SIZE=4>A</font><FONT SIZE=3>A</FONT>
Lo cual dará como resultado:
AAAAAAAAA
Se puede cambiar el tamaño por defecto (3) de toda la página con el elemento <BASEFONT SIZE=valor>. El texto tomará el tamaño indicado por valor y lo mantendrá hasta que aparezca otro elemento <BASEFONT SIZE=valor> y lo restaure o lo cambie por otro diferente.

TEXTOS DE COLORES
Para cambiar los colores en HTML se tiene en cuenta que se debe utilizar: <FONT> con el COLOR="ooo" esto significa que "ooo" es el nombre del color en inglés, por ejemplo:

<FONT COLOR="blue">Texto AZUL </FONT>
<br>

CÓDIGO DE COLORES
Estos códigos de color se llaman hexadecimales ya que tiene 6 dígitos y se pueden utilizar como valor de atributo en los elementos <FONT COLOR> y <BODY BGCOLOR FGCOLOR TEXT LINK VLINK ALINK>.LORES, por ejemplo.

Coral rgb=#FF7F00

COMBINACIÓN DE EFECTOS Y COLORES

Esto hace referencia a la utilización de colores tanto para el fondo de la pagina, como para los links y como el titulo lo menciona se hace una combinación de los códigos y de los colores, por ejemplo:

<BODY BGCOLOR="#000000" FGCOLOR="#00FF00" TEXT="#F0F0F0"

   LINK="#FFFF00" VLINK="22AA22" ALINK="#0077FF">


https://www.uv.es/jac/guia/color3.htm

EJEMPLO

Resultado de imagen para cuerpo html ejemplo

















Comentarios