Este documento explica los pasos para crear una página web básica en HTML que muestre el mensaje "Bienvenido a este nuevo Semestre Virtual". Primero se recomienda crear una carpeta para el proyecto y abrir el Bloc de Notas. Luego se escribe el código HTML con las etiquetas <html>, <head>, <title>, <body> y el mensaje entre <body> tags. Finalmente se guarda el archivo como ejemplo.html y se abre en un navegador para ver la página.
2. • 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
3. 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”.
4. • 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".
5. 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.
9. 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.