SlideShare una empresa de Scribd logo
ALEXA GUERRERO
CREA TU PAGINA WEB
(HTML)
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.
Paso 1 Abrir bloc de notas
Primero abrir el bloc de notas desde el
explorador Windows.
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.
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.
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..
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>
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.
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.
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).
Paso 9
Dentro 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.
Paso 10 Marquesina
<MARQUEE> Sirve para animar elementos dentro de una pagina
Permite que el contenido que pongamos dentro de la etiqueta se desplace
horizontalmente por la pagina.
Dentro del
<body>
introducimos el
siguiente
codigo:
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>
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.
Mostrar pagina terminada

Más contenido relacionado

DOCX
PPTX
Lenguaje html
DOCX
Practicas diseño de páginas web
PPTX
Programación en html 1
DOCX
Cómo hacer una página web básica
PPTX
Clase 1 periodo II html
PPSX
Programación en html 2
DOCX
Estructura de una pagina web
Lenguaje html
Practicas diseño de páginas web
Programación en html 1
Cómo hacer una página web básica
Clase 1 periodo II html
Programación en html 2
Estructura de una pagina web

La actualidad más candente (11)

DOCX
Comando y ejercicios para HTML
PPTX
Etiquetas del html
PDF
Sublime Text: tu aliado para mantener tu web
PPTX
Como crear una pagina web
DOCX
Como crear una pagina web
DOCX
Pagina web con doctype
DOCX
Creacion de pagina web
PPT
Instalar wordpress con fantastico de luxe
PPTX
HT 2-4
DOCX
2° pagina web html5
PPTX
Diapositivas
Comando y ejercicios para HTML
Etiquetas del html
Sublime Text: tu aliado para mantener tu web
Como crear una pagina web
Como crear una pagina web
Pagina web con doctype
Creacion de pagina web
Instalar wordpress con fantastico de luxe
HT 2-4
2° pagina web html5
Diapositivas
Publicidad

Destacado (10)

PPTX
Duties of a registered investment advisor
DOCX
Actividad virtual 2
PPTX
Гаражная экономика
PDF
scouting sui metodi di localizzazione
PPTX
Presentación
PPTX
11 prospek ukm dalam perdagangan bebas
PPT
Flisol
PPTX
Cortes medios
PPTX
Presentación EcoInteligencia Editorial
Duties of a registered investment advisor
Actividad virtual 2
Гаражная экономика
scouting sui metodi di localizzazione
Presentación
11 prospek ukm dalam perdagangan bebas
Flisol
Cortes medios
Presentación EcoInteligencia Editorial
Publicidad

Similar a Expo html alexandra (20)

DOC
Tutorial ejercicio 1
PPT
Presentacinhtml 091121100213-phpapp02
DOCX
Html creacion de una pagina. Adriano Mazziotti
PDF
Html sistemas
PDF
Html sistemas 1
PDF
Ejercicio html primer año
PDF
Como hacer una página web
PDF
Clase 2 Desarrollo Web
PDF
Practico html
PDF
Practico html
PPSX
Creacion de paginas web con html (Diana Lopez)
PPSX
¿Como Hacer una página web? Diana Lopez
DOCX
Alexander y diego paginas de html
PDF
Practicas html
DOCX
Kevin veloza ne final de año 901 html
DOCX
Colegio nacional nicolás esguerra (1)
PPT
PresentacióN Html
PPT
PresentacióN Html
PDF
Manual html
Tutorial ejercicio 1
Presentacinhtml 091121100213-phpapp02
Html creacion de una pagina. Adriano Mazziotti
Html sistemas
Html sistemas 1
Ejercicio html primer año
Como hacer una página web
Clase 2 Desarrollo Web
Practico html
Practico html
Creacion de paginas web con html (Diana Lopez)
¿Como Hacer una página web? Diana Lopez
Alexander y diego paginas de html
Practicas html
Kevin veloza ne final de año 901 html
Colegio nacional nicolás esguerra (1)
PresentacióN Html
PresentacióN Html
Manual html

Más de fausto10 (9)

PPTX
Expo html alexandra
ODP
Sin título 1
ODP
Google docs
PPTX
Slideshare presentacion
PPS
Hipi4
PPTX
Sony vegas
PPTX
Dropbox
PPT
Presentación1
PPT
Informática jurídica
Expo html alexandra
Sin título 1
Google docs
Slideshare presentacion
Hipi4
Sony vegas
Dropbox
Presentación1
Informática jurídica

Expo html alexandra

  • 1. ALEXA GUERRERO CREA TU PAGINA WEB (HTML)
  • 2. 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.
  • 3. Paso 1 Abrir bloc de notas Primero abrir el bloc de notas desde el explorador Windows.
  • 4. 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.
  • 5. 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.
  • 6. 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..
  • 7. 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>
  • 8. 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.
  • 9. 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.
  • 10. 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).
  • 11. Paso 9 Dentro 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.
  • 12. Paso 10 Marquesina <MARQUEE> Sirve para animar elementos dentro de una pagina Permite que el contenido que pongamos dentro de la etiqueta se desplace horizontalmente por la pagina. Dentro del <body> introducimos el siguiente codigo:
  • 13. 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>
  • 14. 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.