Paginas Web
Profjupa9 de Junio de 2012
409 Palabras (2 Páginas)445 Visitas
PRACTICA 1
ETIQUETAS BASICAS DE HTML
OBJETIVO: Conocer la estructura básica de un documento html.
FUNDAMENTO TEORICO: Un documento HTML comienza con la etiqueta <html>, y termina con </html>. Dentro del documento (entre las etiquetas de principio y fin de html), hay dos zonas bien diferenciadas: el encabezamiento, delimitado por <head> y </head>, que sirve para definir diversos valores válidos en todo el documento; y el cuerpo, delimitado por <body> y </body>, donde reside la información del documento.
La única utilidad del encabezamiento en la que nos detendremos es la directiva <title>, que permite especificar el título de un documento HTML. Este título no forma parte del documento en sí: no aparece, por ejemplo, al principio del documento una vez que este se presenta con un programa adecuado, sino que suele servir como título de la ventana del programa que nos la muestra. Por ejemplo, en el encabezamiento de este manual se ha especificado:
<title>Manual práctico de HTML</title>
El cuerpo (BODY) es la segunda y última de las dos partes en que se estructura un documento HTML. Por supuesto es obligatoria, ya que es aquí donde reside el verdadero contenido de la página, y por tanto, al contrario de la HEAD sí se ve cuando navegamos por ella.
Se escibirá asi:
<body>
texto texto texto texto texto texto texto texto texto texto texto texto
texto texto texto texto texto texto texto texto texto texto texto texto
</body>
EQUIPO Y MATERIAL: Computadoras con bloc de notas.
DESARROLLO:
Ejercicio 1.
Fondos de página, cabeceras y bloques
En el bloc de notas teclear el siguiente código:
<html>
<head>
<title>Practica de cabeceras y bloques</title>
</head>
<body bgcolor="#EBDCA7">
<h2 align="center">Practicas de encabezados y bloques de
texto</h2>
<hr>
<div align="center">
<h1>Encabezado de nivel 1 </h1>
<h2>Encabezado de nivel 2</h2>
<h3>Encabezado de nivel 3</h3>
<h4>Encabezado de nivel 4</h4>
<h5>Encabezado de nivel 5</h5>
<h6>Encabezado de nivel 6</h6>
<p>Parrafo dentro del <DIV> centrado, por lo
cual, hereda la alineación</p>
<hr width="50%" size="5">
</div>
<hr>
<blockquote>Parrafos con diferentes
alineaciones</blockquote>
<p>Parrafo fuera del <DIV> centrado, por lo cual toma
la alineación izquierda por defecto</p>
<p align="right">Parrafo alineado a la derecha</p>
<p align="center">Parrafo centrado</p>
<hr>
con esta línea
comprobamos que el H T M L no respeta ni los
espacios ni los saltos de
línea
<pre>
Pero si incluimos la etiqueta <PRE>
nos muestra el T E X T O tal y como
lo escribimos
</pre>
<p>HTML separa las palabras del texto con un blanco, si
queremos añadir mas blancos, debemos hacer referencia a la
entidad que lo representa ( )como por ejemplo:
 
; esto</p>
<p> Para cualquier consulta dirigirse a <address> Juán
Gonzalez </address><p>
...