PracticasHTML 1

Lenguaje HTML
Alumnos:
1)
2)
Estructura de un documento
HTML
<HTML>
<HEAD >
<TITLE>Ttulo del documento </TITLE>
</HEAD >
<BODY>
Cuerpo del documento
</BODY >
</HTML >
Descripcin de cada
elemento
Entre <html> y </html> se encuentra la
definicin de la pgina propiamente dicha.

En el bloque delimitado por <head> y </head>
se establecen ciertas caractersticas de la
pgina, tales como el ttulo, quien las
construy, etc. De estas caractersticas de la
pgina, la nica que es obligatoria declarar es
el ttulo. Esto se hace mediante el par de tags
<title> y </title>.
Por ltimo est <body> y </body>, entre los
cuales se encierra toda la informacin que el
navegador debe mostrar.
Ejercicio 1.
<HTML>
<HEAD>
<TITLE>Practica</TITLE>
</HEAD>
<BODY>
Bienvenidos al semestre Febrero
Junio 2014.
</BODY>
</HTML>
Atributos de la etiqueta Body

Propiedad
Descripcin
Background
Establece una imagen de fondo en la pgina.
Bgcolor
Color de fondo de la pgina.
Text
Establece el color del texto de la pgina.
Bgsound
Sonido que se escuchara al mostrar la pgina.
Link
Color del vnculo.
Vlink
Color del vnculo al estar el mouse encima.
Alink
Color del vnculo al ser visitado.
Ejercicio 2
<HTML>
<HEAD>
</HEAD>
<body bgcolor=white text=red link=yellow
vlink=maroon alink=fuchsia>
Bienvenidos al semestre Febrero Junio
2014.
</BODY>
</HTML>
Etiquetas de texto
Tamao
<H1>, <H2>, <H3> Son llamados
Titulares y sirven para dividir el texto en

secciones, con diferente tamao cada uno.
Se pueden definir seis niveles de titulares.
Se definen mediante las tags
<H1>.....</H1> hasta <H6>.....</H6>
Ejercicio 3
<HTML>
<HEAD>
</HEAD>
<h1>Bienvenidos </h1><h2> al semestre
</h2><h3>Febrero Junio 2014.</h3>
</BODY>
</HTML>
Estilos de texto.
Atributo
Sintaxis
nfasis (cursiva)
Quiero
Resultado
<I>destacar Quiero destacar esto.
</I> esto.
Fuerte (negrita)
Quiero
<B>recalcar Quiero recalcar esto.
</B> esto.
Subrayado
Quiero
<U><b><i>recalcar
</I></b> esto.</u>
Quiero recalcar esto.
Ejercicio 4
<HTML>
<HEAD>
</HEAD>
<h1>Bienvenidos </h1><h2> al semestre
</h2><h3>Febrero Junio 2014.</h3>
<br><b>Sexto semestre</b>
<br> </i>Practica HTML</i>
<br><u>((Nombre de los alumnos)) </u>
</BODY>
</HTML>
Tipo de letra
Para cambiar el tipo de letra o fuente se
utiliza la etiqueta Font.
<FONT FACE=Arial> Ejemplo </FONT>
El tipo de letra puede ser: "Arial", "Courier",

"Comic Sans MS", "Impact", "Lucida
Console", "MS Serif", "Modern", "Monotype
Corsiva", "System", "Tahoma", "Times New
Roman", entre otras.
Ejercicio 5
<HTML>
<HEAD>
</HEAD>
<body bgcolor=white text=red link=yellow vlink=maroon
alink=fuchsia>
<font face= Comic Sans MS> <h1>Bienvenidos </h1></font>
<font face= Arial> <h2> al semestre </h2></font>
<font face= Modern><h3>Febrero Junio 2014.</h3> </font>
<font face= Tahoma>
<br><b>Sexto semestre</b>
<br><u>((Nombre de los alumnos)) </u> </font>
</BODY> </HTML>
Posicin
Las diferentes etiquetas que determinan la posicin del
texto son:
<P> y </P> Prrafos. Este tag, en un principio, seala el
inicio de un prrafo y provoca un salto de lnea
precedido por un rengln en blanco.
Se puede agregar el tipo de alineacin para poder
hacer que el parrafo este en determinada posicin
(left, right, center o justify)
<BR> Saltos de lnea. Este tag sirve para realizar un
salto de lnea sin rengln en blanco.
<center> y </center> Centran el texto entre los

mrgenes.
Ejercicio 6
<HTML>
<HEAD>
</HEAD>
<body bgcolor=white text=red link=yellow vlink=maroon alink=fuchsia>
<center>
<font face= Comic Sans MS>
<h1>Bienvenidos </h1></font>
<font face= Arial>
<p><h2> al semestre </h2></p></font><font face= Modern>
<h3>Febrero Junio 2014.</h3> </font> </center>
<font face= Tahoma>
<br><b>Sexto semestre</b> <br><br>
</BODY> </HTML>
Otras propiedades de
fuente
Propiedad
Definicin
Color
Color del texto
Size
Permite cambiar el tamao

del texto, valores entre 1 y 7.
Style=
color :color"
"Background- Color de fondo donde esta el

texto
NOTA:
Se puede utilizar las propiedades FACE, SIZE, COLOR juntas
dentro de la misma etiqueta FONT.
Ejercicio 7
<HTML>
<HEAD> <TITLE>Practica</TITLE>
</HEAD>
<body bgcolor=white text=red link=yellow vlink=maroon
alink=fuchsia>
<center>
<font face= Comic Sans MS>
<h1>Bienvenidos </h1></font>
<font face= Arial color=blue>
<p><h2> al semestre </h2></p></font><font face= Modern>
<h3>Febrero Junio 2014.</h3> </font> </center>
<font face= Tahoma size=5 color=green style="Background-color: pink">
<br><b>Sexto semestre</b> <br><br>
</BODY> </HTML>
Prctica Final
Escribe el cdigo para la siguiente pgina

PracticasHTML 1

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

PracticasHTML 1

Caricato da

Copyright:

Formati disponibili

Lenguaje HTML

definicin de la pgina propiamente dicha.

Atributos de la etiqueta Body

Establece una imagen de fondo en la pgina.

Color de fondo de la pgina.

Establece el color del texto de la pgina.

Sonido que se escuchara al mostrar la pgina.

Color del vnculo.

Color del vnculo al estar el mouse encima.

Color del vnculo al ser visitado.

Titulares y sirven para dividir el texto en

<B>recalcar Quiero recalcar esto.

Quiero recalcar esto.

El tipo de letra puede ser: "Arial", "Courier",

<center> y </center> Centran el texto entre los

Color del texto

Permite cambiar el tamao

"Background- Color de fondo donde esta el

Potrebbero piacerti anche