HTML: conceptos básicos (parte 2)

En el siguiente vídeo se explica la creación de una página sencilla con el Bloc de Notas de Microsoft Windows.




Recuerda que con el lenguaje HTML sólo se describe la estructura y el contenido, que puede ser texto, imágenes, vídeos y otros componentes, de las páginas web. Con HTML no se define la presentación visual de las páginas web.

En la primera parte de este videotutorial vimos la sintaxis del elemento, el componente básico de una página web. Una página web está compuesta por un conjunto de elementos escritos en un orden concreto. Recuerda que un elemento se compone de una etiqueta inicial o de apertura, y una etiqueta final o de cierre.

Con todas las etiquetas que vimos en la primera parte de este videotutorial ya podemos hacer páginas web sencillas.

Para escribir el código de una página web, es decir, para escribir el código HTML, no necesitas ningún programa especial. En este vídeo vamos a empezar a usar el Bloc de notas, vamos a hacer la primera página web con el Bloc de notas.

Recuerda que la etiqueta principal de una página web es la etiqueta <html>.
La etiqueta <html> debe encerrar todo el contenido de la página web.
Se aconseja, al comienzo de escribir el código de la página HTML, escribir la etiqueta de inicio y automáticamente la etiqueta de cierre. Así no se nos olvida.

A continuación, dentro de la etiqueta <html>, dentro de la página web, la siguiente parte, la primera parte es la cabecera, la sección <head>.
En la sección <head> recuerda que se escribe información, los metadatos que definen cómo se va a procesar la página web, cómo se va a visualizar, pero normalmente en el <head> no se escribe nada que deba aparecer visualmente en la página web.
Por ahora, lo único que sabemos escribir es la etiqueta <title>, que es el título de la página web. Le voy a poner de título “Érase una vez HTML”. Y recuerda, si hemos abierto la etiqueta <title>, debemos de cerrarla.

Después del <head> tenemos el apartado <body>, el cuerpo de la página. Todo lo que escribamos aquí en el <body> sí que se va a ver, se va a pintar en la página web.


Después de haber escrito en el Bloc de Notas, procedemos a guardar.
Pinchamos en "Guardar como", le damos nombre al archivo, y escribimos la extensión .html o .htm, que es la extensión de pagina web. En El "Tipo", ponemos "todos los archivos", para que nos respete la extensión, sino colocaría por defecto la extensión .txt.
En la Codificación, se puede dejar el valor por defecto "ANSI" o cambiarlo al valor recomendado "UTF-8"

 



Entradas populares