Curso 11.4 – Clase 2 – Primer período
Las páginas web están escritas en Lenguaje HTML (Hipertext Marckup Language, Lenguaje de marcado de hipertexto).
HTML5 es la versión 5 del lenguaje de marcado HTML. Un documento escrito en HTML tiene una estructura básica como la siguiente:
Las páginas web están escritas en Lenguaje HTML (Hipertext Marckup Language, Lenguaje de marcado de hipertexto).
HTML5 es la versión 5 del lenguaje de marcado HTML. Un documento escrito en HTML tiene una estructura básica como la siguiente:
El código se realiza en un editor
de texto plano. Existe mucho software para texto plano o código, como:
Notepade++ o SublimeText, pero sin necesidad de instalar otro programa, Windows
nos ofrece un editor de texto plano muy básico con el cual se puede iniciar en
el aprendizaje del Lenguaje HTML
Explicación de en qué
consiste cada una de estas etiquetas básicas
<!DOCTYPE html> Indica
que es HTML5
<html> Inicio de Código
<head> Inicio
de cabecera de página
<title>Título cabecera de página</title> Título que irá en
la pestaña
</head> Cierre
de cabecera
<body> Inicio
del cuerpo de la página
<h1>Título
principal del cuerpo de la página</h2> Título
principal de la página
<p>Párrafo.</p> Un
párrafo de la página
<p>Otro
párrafo.</p> Otro
párrafo de la página
</body> Cierre
del cuerpo de la página
</html> Fin
del código
El archivo debe guardarse
indicando el cambio de extensión que, por defecto, asignaría Bloc de Notas
(.txt), al que se necesita (.html), para que el computador interprete que lo
que debe abrir es un navegador, para mostrar una página web y no Bloc de notas
para mostrar un texto.
Actividad en clase
- Ingresar a Bloc de notas
- Trabajar una estructura básica de HTML, para comprender el funcionamiento de las etiquetas vistas, colocando unos textos sobre algún tema de la preferencia del estudiante.
- Guardar con el nombre Prueba 1.html para forzar su asignación de formato como página web y no como texto plano.
- Abrir el archivo guardado, para verificar el funcionamiento del código digitado.
- Corregir el código de ser necesario, guardar nuevamente y si se ha mantenido la página web abierta, recargar la página para visibilizar los cambios (Actualizar).
- Enviar el archivo por correo, así:
Para: informaticajdsm@gmail.com
Asunto: Prueba HTML 11-4
En el mensaje, indicar los nombres completos de quienes realizaron el trabajo.
Adjuntar el archivo
Nota: Es recomendable ajustar el texto en el bloc de notas para facilitar la visibilidad de lo que se está digitando: Menú Formato > Ajuste de línea.
Y el archivo debe verse, en el administrador de archivos, de la siguiente manera:
Al dar doble clic sobre el archivo, debe abrir el navegador predeterminado y verse así:
Muy buen artículo. Siempre todo lo relacionado con el diseño web, ayuda muchisimo. Un buen Curso Diseño Web siempre ayudará a salir adelante en estas cosas dificiles de la web.
ResponderEliminar