Sei sulla pagina 1di 2

Guas HTML

2012

GUIA 1 Estructura interna de una pgina HTML y Etiquetas bsicas.


Muchos elementos HTML requieren una marca de comienzo y otra de finalizacin. Todo
aquello que est fuera de las marcas del lenguaje se imprime en la pantalla (dentro del
navegador).
La estructura bsica de una pgina HTML es:
<html>
<head>
</head>
<body>

Cuerpo de la pgina.
</body>
</html>

Estos son los elementos bsicos que toda pgina HTML debe llevar.
Si observamos toda pgina comienza con la marca:<html> y finaliza con la marca:</html>
Los fines de marcas tienen el mismo nombre que el comienzo de marca, ms el caracter /
Una pgina HTML tiene dos secciones muy bien definidas que son la cabecera:
<head>
</head>

Y el cuerpo de la pgina:
<body>

Cuerpo de la pgina.
</body>

Todo el texto que dispongamos dentro del <body> aparece dentro del navegador tal cual lo
hayamos escrito.
Todas las pginas tiene como mnimo esta estructura: cabecera y cuerpo.
Otras Etiquetas

Especificar ttulo pgina: <title>El primer documento HTML</title>

Salto de lnea <br>

Prrafo <p> Todo lo que encerremos entre las marcas <p> y </p> aparecer separado

por un espacio con respecto al prximo prrafo.


Ttulos <h1><h2><h3><h4><h5><h6> El ttulo de mayor nivel es <h1>, es decir el que
tienen una fuente mayor. Ejem: <h1>HTML</h1>
Enfasis (<em> <strong>), Enfatizar algo significa realzar la importancia de una cosa,
por ejemplo una palabra o conjunto de palabras. (Cursiva y negrita), Ejemplo:
<em>Texto</em>.
<blockquote>Texto</blockquote>. Genera un espacio tipo sangra entre el borde de la

pagina y el texto.

Color fuente: <font></font> es una etiqueta obsoleta reemplazada por las hojas de
estilo. Es comn encontrarnos pginas cuyo cdigo an las incluyen. No es errneo,
pero su uso implicar no cumplir los estndares. Dicha etiqueta incluye atributos
como "face" (para especificar el tipo de fuente), "size" (para el tamao) o color.
Ejemplo :<font face="arial" size="12px" color="#0088AA">TEXTO CON
FORMATO</font>

Gua 1 HTML . Elaborada por: Daniel Mora

Guas HTML
2012
Ejercicios (Cada uno Gurdelos de forma independiente)
1. Confeccionar una pgina que muestre los nombres de 5 lenguajes de programacin
separados por un guin.
2. Confeccionar una pgina HTML que muestre su nombre y apellido y en la siguiente
lnea los nombres de sus padres separados por un guin.
3. Confeccione una pgina que muestre en un prrafo datos referentes a sus estudios y
en otro prrafo su nombre y mail.
4. Confeccionar el titular de un peridico con un ttulo de nivel 1. Luego definir dos
ttulos de segundo nivel con los textos (Noticias polticas y Noticias deportivas), en
cada una de estas secciones definir dos titulares de tercer nivel con un prrafo cada
una. Al final de la pgina mostrar un ttulo de cuarto nivel con el nombre de la
empresa propietaria del peridico.
5. Confeccionar una pgina que muestre la definicin de tres palabras. Aplicar el
elemento <strong> a cada palabra previo a su definicin. Luego agregar el elemento
<em> a una o a un conjunto de palabras dentro de la definicin.
6. Realizar un texto que rena todas las etiquetas mencionadas en esta gua incluyendo
el formato del texto.
Bibliografa
http://www.desarrolloweb.com/manuales/21/
http://www.htmlya.com.ar/

Gua 1 HTML . Elaborada por: Daniel Mora

Potrebbero piacerti anche