laboratorio 1 de html[1]

2
Realizado por Lic. Bhylenia Rios Página 1 LABORATORIO Nro. 1 de HTML 1. Completar la estructura básica de la pagina web en el siguiente ejemplo < > < > < > </ > < > < > Primera pagina Web < > < > 2. Indique que hace las siguientes etiquetas a) <hr> ………… ………………………………….………………..………… b) <head> </head> ……………………………………………………………………… c) Body background ……………………………………………………………………… d) Bgcolor ……………………………………………………………………………………………………….. e) <title> </title> …………………………………………………………………………………………………………………………………………….. f) <b> </b> ………………………………………………………………………………………………………………………………………………. g) <i> </i> ………………………………………………………………………………………………………………………………………………. h) <u> </u> ………………………………………………………………………………………………………………………………………………. i) <marquee> </marquee> ……………………………………………………………………………………………………………………………… j) Align ………………………………………………………………………………………………………………………………………………. k) background ………………………………………………………………………………………………………………………………………………. l) <blink> </blink> ……………………………………………………………………………………………………………………………………. 3. Realizar el código html de la siguiente pagina que contenga: a) imagen al fondo b) como titulo su nombre c) escribir 6 refranes cada uno separado con una línea (la línea debe ser de distintos tamaños y combinados uno a la derecha, centro e izquierda, sucesivamente) , cada refrán con un encabezamiento diferente d) escribir su nombre con marquee donde cada letra de su nombre este con negrita y de diferente color e) y en una parte de la pagina que tenga los siguientes datos 1. SOFTWARE DE BASE 2. SOFTWARE DE APLICACIONES GENERAL ESPECIFICA 3. SOFTWARE DE DESARROLLO

Upload: guidoeddy

Post on 14-Jul-2015

246 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Laboratorio 1 de html[1]

Realizado por Lic. Bhylenia Rios Página 1

LABORATORIO Nro. 1 de HTML

1. Completar la estructura básica de la pagina web en el siguiente ejemplo

< >

< >

< > </ >

< >

< >

Primera pagina Web

< >

< >

2. Indique que hace las siguientes etiquetas

a) <hr> ………… ………………………………….………………..…………

b) <head> </head> ………………………………………………………………………

c) Body background ………………………………………………………………………

d) Bgcolor ……………………………………………………………………………………………………….. …

e) <title> </title> ……………………………………………………………………………………………………………………………………………..

f) <b> </b> ……………………………………………………………………………………………………………………………………………….

g) <i> </i> ……………………………………………………………………………………………………………………………………………….

h) <u> </u> ……………………………………………………………………………………………………………………………………………….

i) <marquee> </marquee> ………………………………………………………………………………………………………………………………

j) Align ……………………………………………………………………………………………………………………………………………….

k) background ……………………………………………………………………………………………………………………………………………….

l) <blink> </blink> …………………………………………………………………………………………………………………………………….

3. Realizar el código html de la siguiente pagina que contenga:

a) imagen al fondo

b) como titulo su nombre

c) escribir 6 refranes cada uno separado con una línea (la línea debe ser de distintos tamaños y

combinados uno a la derecha, centro e izquierda, sucesivamente) , cada refrán con un

encabezamiento diferente

d) escribir su nombre con marquee donde cada letra de su nombre este con negrita y de diferente

color

e) y en una parte de la pagina que tenga los siguientes datos

1. SOFTWARE DE BASE

2. SOFTWARE DE APLICACIONES

GENERAL

ESPECIFICA

3. SOFTWARE DE DESARROLLO

Page 2: Laboratorio 1 de html[1]

Realizado por Lic. Bhylenia Rios Página 2

4. Copiar los siguientes códigos HTML y en el titulo escribir su nombre y su apellido, una vez

ejecutada la página web capturar la pantalla e imprimir esa hoja y presentar en la siguiente clase

Página 1: Utilización de encabezados: <html> <head> <title>nombre y apellido</title> </head>

<body bgcolor="#C0D9D9" text="#000000">

<h1 align="center">

Bienvenidos al curso de HTML</h1><br>

<hr align=center width=50%><br>

<h2>Bienvenidos</h2>

Cuando la temperatura es menor a 15&deg;c hace

bastante fr&iacute;o.<br>

<hr align=left width=25% size=5><br>

Este es un ejemplo de p&aacute;gina WEB :)<br>

</body>

</html>

Página 2: Utilización de etiquetas <b>, <u> y <i> <html> <head> <title> nombre y apellido </title> </head>

<body bgcolor="#C0D9D9" text="#000000">

<h1 align="center">

Bienvenidos al curso de HTML</h1><br>

<hr align=center width=50%><br>

<h2>Bienvenidos</h2>

Cuando la temperatura es menor a 15&deg;c hace

bastante fr&iacute;o.<br>

<hr align=left width=25% size=5><br>

Este es un ejemplo de p&aacute;gina WEB <b><i>:)</i></b><br>

<b>Este texto esta con negrillas</b><br>

<u>Este texto esta con subrayado</u><br>

<i>Este texto esta con inclinaci&oacute;n it&aacute;lica</i><br>

Este <b>texto <i>cuenta <u>con un </u>combinado</i> de</b> todo.<br>

</body>

</html>

Página 3: <html>

<head> <title> nombre y apellido </title> </head>

<body bgcolor="#C0D9D9" text="#000000">

<h1 align="center">

Bienvenidos al curso de HTML</h1><br>

<hr align=center width=50%><br>

<h2>Bienvenidos</h2>

Cuando la temperatura es menor a 15&deg;c hace

bastante fr&iacute;o.<br>

<hr align=left width=25% size=5><br>

Este es un ejemplo de p&aacute;gina WEB <b><i>:)</i></b><br>

<b>Este texto esta con negrillas</b><br>

<u>Este texto esta con subrayado</u><br>

<i>Este texto esta con inclinaci&oacute;n it&aacute;lica</i><br>

</body>

</html>

Tip: Como copiar como imagen el

contenido de la pantalla actual.

1. Abre un documento en WORD y

guarda la imagen de cada respuesta

enumerándola según corresponda Sitúate en cada respuesta e imprímela

(imagen).

2. Presiona el botón ImprPant o

PrintScreen 3. Dirígete al lugar donde quieras copiar

la pantalla del WORD

4. Presiona las teclas Ctrl+V para pegarla.

5. Guarda el documento

6. Adhiere una respuesta textual de cada

pregunta con los pasos que hizo para resolver la solución.

7. Imprime el archivo de WORD para ser

calificada al finalizar la práctica