Crear una web con el Bloc de Notas
Lenguaje HTML
HTML, siglas de HyperText Markup Language
(«lenguaje de marcado hipertextual»), hace referencia al lenguaje utilizado en
elaboración de páginas
web que se utiliza para describir y traducir la estructura y la
información en forma de texto, así como para complementar el texto con objetos
tales como imágenes.
El HTML se escribe en forma de «etiquetas», rodeadas por corchetes
angulares (<,>).
Existen varios comandos que sirven para realizar las diferentes funciones.
Por ejemplo, para separar un párrafo de otro, se utiliza la orden <br>
Hoy en día existen editores como el Dreamweaver que realizan
estas funciones sin tener que saber programar el lenguaje HTML. Hoy
veremos unos comandos básicos de este
lenguaje y editaremos una web en el bloc de notas.
Estos son algunos de los comandos más utilizados:
<b> </b> El texto colocado entre estas etiquetas estará en negrita.
<u> </u> El texto colocado entre estas etiquetas estará subrayado.
<i> </i> El texto colocado entre estas etiquetas estará en cursiva.
<br> Colocamos esta etiqueta para saltar de línea.
<hr> Esta etiqueta dibuja una recta horizontal para separar dos áreas de la página.
<body text=#(más el código del color)> </body> Pone todo el texto dentro de estas etiquetas en un color determinado. En este enlace tenéis los códigos de los colores.
<body bgcolor=#(más el código del color)> </body> Pone el fondo de pantalla de un color
EJERCICIOS
Ejercicio 1:
Pasos para crear una web con el bloc de notas:
-
Abre el bloc de notes de Windows. Para eso vete
a Inicio / Todos los programas / Accesorios / Bloc de notas.
-
Se abrirá el bloc de notas y en él escribiremos
las siguientes órdenes:
<html>
<head>
<title>
Esta es mi primera web.
</title>
</head>
<body>
Página en obras
</body>
</html>
-
Guardad en vuestra carpeta el documento con este nombre: “primera
web + vuestro nombre.html”. Ojo: es muy importante que pongáis “.html” para
decir que queréis guardar el documento en forma de web.
- Iros a vuestra carpeta y haced clic en el archivo y veréis que se abre el
documento en formato Web. Enséñale la web al profesor.
Ahora vamos a completar la web que hemos creado utilizando algunos de los comandos más utilizados. Para poder hacerlo, ir mirando en la teoría algunos de los comandos más utilizados.
- Busca tres párrafos de internet y pégalos en el bloc de notas.
- El primer párrafo estará en negrita, el segundo en cursiva y el tercero subrayado.
- Entre el primer y segundo párrafo habrá una línea horizontal.
- Poned todo el texto de un color y el fondo de pantalla de otro color.
- Guardar el archivo en vuestra carpeta como “primera web + vuestro nombre.html”. Enseñadle al profesor el resultado.
Ejercicio 2:
Ahora vamos a completar la web que hemos creado utilizando algunos de los comandos más utilizados. Para poder hacerlo, ir mirando en la teoría algunos de los comandos más utilizados.
- Busca tres párrafos de internet y pégalos en el bloc de notas.
- El primer párrafo estará en negrita, el segundo en cursiva y el tercero subrayado.
- Entre el primer y segundo párrafo habrá una línea horizontal.
- Poned todo el texto de un color y el fondo de pantalla de otro color.
- Guardar el archivo en vuestra carpeta como “primera web + vuestro nombre.html”. Enseñadle al profesor el resultado.
No hay comentarios:
Publicar un comentario
Nota: solo los miembros de este blog pueden publicar comentarios.