Top Banner
ALEXA GUERRERO CREA TU PAGINA WEB (HTML)
15

Expo html alexandra

Jul 26, 2015

Download

Documents

fausto10
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Expo html alexandra

ALEXA GUERRERO

CREA TU PAGINA WEB(HTML)

Page 2: Expo html alexandra

QUE ES HTML

HTML: (HyperText Markup Language). Lenguaje de marcado de Hipertexto. Es el lenguaje estándar para describir el contenido y la apariencia de las páginas en el WWW.

Page 3: Expo html alexandra

Paso 1 Abrir bloc de notas

Primero abrir el bloc de notas desde el explorador Windows.

Page 4: Expo html alexandra

Paso 2 <html></html>

Iniciar la estructura de la página web con el código HTML.Abre la instrucción <html> y no olvides cerrarla </html>.Dentro de ella se almacenara todo el código de la página HTML.

Page 5: Expo html alexandra

PASO 3 <head></head>

Ubícate dentro de las instrucciones <html> y abre una nueva instrucción: <head>, no olvides cerrarla </head>.Aquí ubicaremos el título de la página que aparecerá en una pestaña del navegador.

Page 6: Expo html alexandra

PASO 4 <title></title>

Dentro de las instrucciones <head> ubicamos una nueva: <title> la cual establecerá el título de la página, no olvides cerrarla </title>.Puedes escribir el título de tu página dentro de estas instrucciones. En este caso se llamará CRUZ ROJA PILOSITOS..

Page 7: Expo html alexandra

PASO 5 <body></body>

Abre la instrucción <body> dentro de esta irá todo el cuerpo de la página web, solo lo que se enuentre aquí se pordra visualizar en pantalla, no olvides cerrarla </body>

Page 8: Expo html alexandra

PASO 6 <h1> </h1>

Ubícate dentro de la instrucción <body> para incluir un titulo a tu página, hazlo con la instrucción <h1> que sirve para agregar encabezados, no olvides cerrar la intruccion </h1>.Dentro de ellas puedes escribir un título.

Page 9: Expo html alexandra

PASO 7 <p> </p>

Aun dentro de la instrucción <body> agrega párrafos con la instrucción <p>, no olvides cerrarla </p>.Escribe un pequeño párrafo.

Page 10: Expo html alexandra

Paso 8 <body bgcolor=?>

Le hace falta un color de fondo ¿verdad?Utiliza la instrucción Bgcolor, añade al <body> así como se muestra en la imagen. El color debe escribirse en ingles o hexadecimal (es el color codificado en letras y números).

Page 11: Expo html alexandra

Paso 9Dentro del <body> introducimos el siguiente codigo:

<IMG SRC=”imágenes/pilositos.jpg”></IMG> donde src = "imágenes/pilositos.jpg" Indica el nombre del fichero gráfico a mostrar.

Page 12: Expo html alexandra

Paso 10 Marquesina<MARQUEE> Sirve para animar elementos dentro de una paginaPermite que el contenido que pongamos dentro de la etiqueta se desplace horizontalmente por la pagina.

Dentro del <body> introducimos el siguiente codigo:

Page 13: Expo html alexandra

Paso 11 <font color =?></font>

Por ultimo introducir el código del color del titulo PILOSITOS usando valor hexadecimal o nombre directo (blue, green, etc.) dentro <p>…</p> con el siguiente código: <font color =?></font>

Page 14: Expo html alexandra

Paso 12 guardar archivo como html

Haz clic en Archivo, Guardar Como:Codigo.html porque es una página de inicio, y escoges enTipo de documento: Todos los archivos.Ubica el archivo en el escritorio para que sea de facil acceso.

Page 15: Expo html alexandra

Mostrar pagina terminada