Primera clasee

 Esta estructura puede observarse continuación.
<html>
<head>
</head>
<body>
</body>
 </html>
 veamos el significado del código anterior:

 La primera línea indica que es un documento HTML:
<html> comienzo de página html
La segunda y tercera línea delimitan la cabecera del
documento:
<head>
</head>
La cuarta y quinta línea delimitan el cuerpo del
documento:
<body>
</body>
La última línea indica que finaliza el documento HTML:
</html>

La Cabecera, head
 es la primera de las dos partes en que se estructura un documento
HTML. Veamos una cabecera típica de un documento HTML:
 <html>
<head> <title> New Document </title> </head>
<body> </body>
 </html>
 En la Cabecera reside información acerca del documento, y
generalmente no se aprecia cuando se navega por él. Es importante
recordar que estos elementos son opcionales es decir no son
obligatorios o necesarios para la realización de una página web.
la etiqueta <title> .. </title> se escribe en la cabecera, el title, título es
lo aparecerá cuando abramos el documento con el navegador, en la
barra azul

Cuerpo (Body)
 El cuerpo esta delimitado por las etiquetas
<body>....</body> siendo habitualmente lo más
importante en un documento HTML. Entre las
etiquetas que definen el cuerpo debemos de colocar
los elementos que componen nuestra página como por
ejemplo: el texto, imágenes, etc.

Atributos de la etiqueta <body>
 bgcolor="número hexadecimal / nombre del color".
Asignamos un color de fondo a la página mediante un
número hexadecimal, (#2233ff) o el nombre del color
en inglés (red).
Veamos un ejemplo:
<body bgcolor="#0000FF"> o <body bgcolor="yellow">

 Una buena ayuda para la selección de colores el formato
hexadecimal, #rrggbb, la puedes encontrar en: designación de
colores
text="número hexadecimal / nombre del color". Atributo usado
para definir el color del texto por defecto es negro mediante un
número hexadecimal, (#2233ff) o el nombre del color en inglés
(red).
link="número hexadecimal / nombre del color".Parámetro
usado para especificar el color de los enlaces de texto. Color por
defecto azul.
vlink="número hexadecimal / nombre del color". Parámetro
usado para especificar el color de los enlaces de texto ya
visitados. Color por defecto morado.
alink="número hexadecimal / nombre del color". Parámetro
usado para especificar el color de los enlaces de texto activo.
Color por defecto rojo.

 Ejemplo:
<body text="#ff0000" link="#ffffff" vlink="#ff00ff"
bgcolor="#101010"> background="ruta archivo /
nombre_archivo.extension". Indicamos la ruta y el nombre
del archivo que será usado como fondo del documento.
Esta se visualizará en mosaico para cubrir toda la ventana si
es pequeña.
Veamos su sintaxis:
<body background="ruta/archivo.gif"> Tener que tener
muy presente que debemos especificar la ruta de modo
relativo, esto nos aporta la siguiente ventaja si movemos el
directorio completo (con todos sus archivos y manteniendo
su estructura). La ruta especificada en nuestra página
continua siendo válida mientras que si especificamos una
ruta absoluta no nos valdría.

 <h1>...</h1>, <h6>....</h6>...: Titulares. Sirven para
dividir el texto en secciones. Se pueden definir seis
niveles de titulares, siendo <h1> el de mayor tamaño y
el <h6> el de menor tamaño. El texto que nos
gustaría que sea un titular lo pondremos entre los
elementos <h1> Titular h1 </h1>.
Ejemplo:
<h1> Titular h1 </h1>
se mostrará:
Titular h1

 <p>...</p>: Párrafos. Etiqueta que se diseñó para saltar de
párrafo. Por lo que puede ir sola "<p>" al final de un texto
indicando que a continuación se quiere una línea en blanco. Es
aconsejable que se abra y cierre.
Ejemplo:
Texto normal
<p> esto es un párrafo </p>
continuamos con el texto normal
se verá:
Texto normal
esto es un párrafo
continuamos con el texto normal

 <br>: Saltos de línea. Este elemento realiza un salto de
línea, podemos poner tantos como necesitemos y
realizará un salto de línea por cada una de ellos.
Ejemplo:
insertando <br> saltos <br> de línea
se visualizará:
insertando
saltos
de línea

 : Comentarios. Lo que nosotros
introduzcamos entre los elementos  no se
mostrarán a través del navegador, permitiendonos
recordar posteriormente, en futuras revisiones el
porque de esta o aquella instrucción en el documento.

 <hr>: Se emplea para dibujar una línea horizontal. Posee
los atributos
width="66%" Asigna el ancho en %
size="3".Designa el alto en píxels
color="#0000FF". Especifica el color
 Ejemplo:
 <hr width="75%">
 <hr width="50%">
 <hr width="25%">
 <hr width="12%">
 se mostrará:

Tamaño de la letra
 1º) Usamos el elemento <hx>....</hx>: donde x es un número que
puede variar entre 1 y 6, siendo 1 el tamaño mayor. Esto se utiliza
sólamente para los titulares de páginas
Ejemplo podría ser el siguiente:
<h1> Texto de prueba h1 </h1>
 <h2> Texto de prueba h2 </h2>
 <h6> Texto de prueba h6 </h6> se verá:
 Es importante no olvidar el cerrar </hx> cada etiqueta ulitizada.

 2) por medio de la etiqueta <font> con el atributo
size <font size="3"> (tamaño en inglés) seguido por
un número, el cual indica el tamaño entre 1 y 7.
Tenemos que tener en cuenta que el valor por defecto
es 3. Esta notación no provoca un salto de párrafo
después de cada cambio.
Ejemplo:
<font size="3">N</font> <font size="4">N</font>
<font size="3">N</font>
El resultado será:

Tipo de letra
 Para cambiar el tipo de le letra podemos usar el
atributo face seguido por el nombre del tipo de letra al
cual queremos cambiar.
Ejemplo:
<font face="times new roman">Fuente Times New
Roman </font> <font face="arial">Fuente Arial
</font> <font face="courier new">Fuente Courier New
</font> <font face="courier">Fuente Courier </font>
<font face="roman">Fuente Roman </font>
el navegador mostrará:

 Este atributo se puede usar en conjunción con color y
tamaño.
Por ejemplo:
<font face="univers" size="6" color="blue"> Texto tipo
Univers </font>

Color de texto
 <font color="red"> Este texto está en rojo usando
color="red" </font>

Alineación
 <p style="text-align:center">
Este texto está centrado. </p>
 <p style="text-align:left">
Este texto está alineado a la izquierda. </p>
 <p style="text-align:right">
Este texto está alineado a la derecha. </p>
<p style="text-align:justify">
Este texto está justificado, Margenes alineados a
derecha e izquierda. </p>

Primera clasee

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Similar a Primera clasee

Similar a Primera clasee (20)

Último

Último (20)

Primera clasee