• Para comenzar cualquier proyecto recomendamos crear una carpeta
para el ejercicio en la ubicación de disco que prefieras, puede ser
documentos o en el escritorio.
• Para este ejemplo creamos uno llamado EJEMPLOS HTML
 Abrimos el programa “Bloc de Notas”.
 Luego comenzamos la escritura del programa, para
este ejemplo creamos una página web básica que
muestre el mensaje “Bienvenido a este nuevo
Semestre Virtual”.
• La primera línea (<html>) indica el inicio del documento
HTML, esta etiqueta tiene su respectiva etiqueta de cierre
(</html>) al final de nuestro documento.
• Después sigue la etiqueta (<head>) que al igual tiene su
etiqueta de cierre (</head>), estás etiquetas indican la
cabecera del documento HTML.
• Dentro del HEAD encontramos la etiqueta (<title>) con su
etiqueta de cierre (</title>) dentro de estás etiquetas se
escribirá el título de nuestra página.
• Después pasamos al cuerpo del documento que está
delimitado por las etiquetas (<body>) y (</body>) dentro
del cuerpo del documento es donde vamos a escribir
todo aquello que se visualizará en el navegador al abrir la
página, en este caso lo que se visualizará es el mensaje:
“Bienvenido a este nuevo Semestre Virtual".
Ahora, para poder ejecutar nuestro archivo necesitamos
de cualquier navegador y previamente guardar el
archivo de la siguiente manera:
1. Una ves ingresado el código en un documento de
cualquier editor de texto, en nuestro caso utilizaremos el
programa bloc de notas como se indico en el proceso
anterior procedemos a guardar el archivo con el
nombre: ejemplo.html
2. No olvidar que es importante poner al final del nombre
del archivo la extensión .html.
3. Ingresamos al lugar donde se guardo el archivo y lo
abrimos a través de cualquier navegador de su
preferencia. A continuación se ilustra lo explicado en
este apartado.
Para visualizar el archivo, abrimos con
nuestro navegador preferido.
Las etiquetas de
encabezados se utilizan
para diferenciar textos
o párrafos unos de
otros. Las etiquetas de
las cabeceras serian:
h1, h2, h3, h4, h5 y h6.
Tienen un orden
jerárquico, en el que H1
es el de mayor tamaño.
Crear archivo html

Crear archivo html

  • 2.
    • Para comenzarcualquier proyecto recomendamos crear una carpeta para el ejercicio en la ubicación de disco que prefieras, puede ser documentos o en el escritorio. • Para este ejemplo creamos uno llamado EJEMPLOS HTML
  • 3.
     Abrimos elprograma “Bloc de Notas”.  Luego comenzamos la escritura del programa, para este ejemplo creamos una página web básica que muestre el mensaje “Bienvenido a este nuevo Semestre Virtual”.
  • 4.
    • La primeralínea (<html>) indica el inicio del documento HTML, esta etiqueta tiene su respectiva etiqueta de cierre (</html>) al final de nuestro documento. • Después sigue la etiqueta (<head>) que al igual tiene su etiqueta de cierre (</head>), estás etiquetas indican la cabecera del documento HTML. • Dentro del HEAD encontramos la etiqueta (<title>) con su etiqueta de cierre (</title>) dentro de estás etiquetas se escribirá el título de nuestra página. • Después pasamos al cuerpo del documento que está delimitado por las etiquetas (<body>) y (</body>) dentro del cuerpo del documento es donde vamos a escribir todo aquello que se visualizará en el navegador al abrir la página, en este caso lo que se visualizará es el mensaje: “Bienvenido a este nuevo Semestre Virtual".
  • 5.
    Ahora, para poderejecutar nuestro archivo necesitamos de cualquier navegador y previamente guardar el archivo de la siguiente manera: 1. Una ves ingresado el código en un documento de cualquier editor de texto, en nuestro caso utilizaremos el programa bloc de notas como se indico en el proceso anterior procedemos a guardar el archivo con el nombre: ejemplo.html 2. No olvidar que es importante poner al final del nombre del archivo la extensión .html. 3. Ingresamos al lugar donde se guardo el archivo y lo abrimos a través de cualquier navegador de su preferencia. A continuación se ilustra lo explicado en este apartado.
  • 7.
    Para visualizar elarchivo, abrimos con nuestro navegador preferido.
  • 9.
    Las etiquetas de encabezadosse utilizan para diferenciar textos o párrafos unos de otros. Las etiquetas de las cabeceras serian: h1, h2, h3, h4, h5 y h6. Tienen un orden jerárquico, en el que H1 es el de mayor tamaño.