kjn kn

HTML


3. Explique que hacen las siguientes etiquetas:

ETIQUETAS
FUNCION

Indica que se va a escribir código HTML

Cabecera del documento

Coloca titulo al documento

Cuerpo del documento. Aquí se pone el verdadero contenido de la página

Para dar color al fondo de la página

Para darle características al texto

Para darle características a los hipervínculos

4. Escriba unsegmento de código donde muestre la aplicación de las etiquetas anteriores.

Para comenzar debemos abrir nuestro bloc de notas, vamos a Archivo > Guardar.















Debemos crear una carpeta donde guardaremos todas nuestras páginas realizadas. En nuestro caso la llamaremos html. Ahora guardamos el documento con el nombre de ejercicio1.html. Damos clic en Guardar.Cerramos el bloc de notas. Ahora vamos a nuestra carpeta html y observamos que el archivo que acabamos de crear aparece con el icono de nuestro navegador, en este caso Internet Explorer.












Damos doble clic en el archivo y observamos una página en blanco.




Vamos a introducir el código html a nuestra página, para esto vamos al menú Ver > Código Fuente.Aparece el bloc de notas con el archivo que habíamos creado anteriormente. Colocamos un código que cumpla con los requisitos del ejercicio. En nuestro caso colocaremos el siguiente.







Recuerde que las etiquetas indican que lo que va entre ellas es código html. Después encontramos las etiquetas que es el encabezado de la página, dentro de esas etiquetas encontramos que me indica eltítulo que va a llevar nuestra página web.

El body lleva la instrucción bgcolor para darle un color al fondo, este color va en código hexadecimal #00ffff que en nuestro caso representa un color azul aguamarina.

Ahora presentamos la paleta de colores para escojan es que más le agrade.



Observamos que en la parte superior aparece el texto que colocamos en las etiquetas title.

En lainstrucción text colocamos el color por defecto del texto de nuestra página que en nuestro caso será el rojo.

En link se da el color de los hipervínculos que por norma debe ser azul.

Recordemos que con align alineamos el texto como queramos, en nuestro caso el texto será centrado.

Colocamos un hipervínculo para observar su color por defecto, al hacer clic sobre este nos llevará a la página deHotmail.

Guardamos este documento y vamos a nuestra página web, presionamos F5 para actualizar y observar los cambios realizados.



5. Explique que hace las siguientes líneas de código html:

Nota: recuerde probarlas en una página web para practicar y observar los resultados.

1 •
2 Coloca características al texto como tipo de fuente (Times New Roman), tamaño (3) y color(amarillo).

1 •
Escribe un hipervínculo hacia una página que se encuentra en nuestra carpeta, apareciendo la página en el marco principal de esta.

•
Hipervínculo hacia una imagen .jpg al dar clic en una imagen .gif

• Arriba
Hipervínculo que nos lleva a la parte superior de nuestra página.

1 •
2 Traza una línea de separación horizontal, de 50% de ancho de la pantalla, tamaño (grosor)de 20, alineada a la izquierda, con color azul y sin sombra.

6. Escriba un segmento de código donde:

Cargue una imagen de extensión .gif que se debe colocar en las misma carpeta donde están grabados los archivos html, el ancho y la altura son de 50, no tiene borde y que cuando alguien mueva el mouse sobre ella aparezca un mensaje que diga ¨Bienvenido¨.

Busque un gif animado y cárguelo enesta misma página.

Elabore un marquee a su gusto que quede debajo en esta misma página.


Vamos al bloc de notas y creamos nuestra página con el nombre de ejercicio2.html.

Primer punto: Ahora escribimos las siguientes líneas de código en el body para cumplir con el primer punto de nuestro ejercicio.




ETIQUETA
FUNCIÓN
align="center"
Centra la imagen
Src="./YOBI.gif"...