expo html alexandra

15
ALEXA GUERRERO CREA TU PAGINA WEB (HTML)

Upload: fausto10

Post on 26-Jul-2015

20 views

Category:

Documents


0 download

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