Expo html alexandra
Transcript of Expo html alexandra
![Page 1: Expo html alexandra](https://reader038.fdocument.pub/reader038/viewer/2022111902/55b4b0c7bb61eb734b8b467e/html5/thumbnails/1.jpg)
ALEXA GUERRERO
CREA TU PAGINA WEB(HTML)
![Page 2: Expo html alexandra](https://reader038.fdocument.pub/reader038/viewer/2022111902/55b4b0c7bb61eb734b8b467e/html5/thumbnails/2.jpg)
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](https://reader038.fdocument.pub/reader038/viewer/2022111902/55b4b0c7bb61eb734b8b467e/html5/thumbnails/3.jpg)
Paso 1 Abrir bloc de notas
Primero abrir el bloc de notas desde el explorador Windows.
![Page 4: Expo html alexandra](https://reader038.fdocument.pub/reader038/viewer/2022111902/55b4b0c7bb61eb734b8b467e/html5/thumbnails/4.jpg)
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](https://reader038.fdocument.pub/reader038/viewer/2022111902/55b4b0c7bb61eb734b8b467e/html5/thumbnails/5.jpg)
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](https://reader038.fdocument.pub/reader038/viewer/2022111902/55b4b0c7bb61eb734b8b467e/html5/thumbnails/6.jpg)
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](https://reader038.fdocument.pub/reader038/viewer/2022111902/55b4b0c7bb61eb734b8b467e/html5/thumbnails/7.jpg)
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](https://reader038.fdocument.pub/reader038/viewer/2022111902/55b4b0c7bb61eb734b8b467e/html5/thumbnails/8.jpg)
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](https://reader038.fdocument.pub/reader038/viewer/2022111902/55b4b0c7bb61eb734b8b467e/html5/thumbnails/9.jpg)
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](https://reader038.fdocument.pub/reader038/viewer/2022111902/55b4b0c7bb61eb734b8b467e/html5/thumbnails/10.jpg)
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](https://reader038.fdocument.pub/reader038/viewer/2022111902/55b4b0c7bb61eb734b8b467e/html5/thumbnails/11.jpg)
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](https://reader038.fdocument.pub/reader038/viewer/2022111902/55b4b0c7bb61eb734b8b467e/html5/thumbnails/12.jpg)
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](https://reader038.fdocument.pub/reader038/viewer/2022111902/55b4b0c7bb61eb734b8b467e/html5/thumbnails/13.jpg)
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](https://reader038.fdocument.pub/reader038/viewer/2022111902/55b4b0c7bb61eb734b8b467e/html5/thumbnails/14.jpg)
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](https://reader038.fdocument.pub/reader038/viewer/2022111902/55b4b0c7bb61eb734b8b467e/html5/thumbnails/15.jpg)
Mostrar pagina terminada