1
1. ¿Qué es HTML?
HTML (HyperText Markup Language o Lenguaje de Marcado de Hipertexto) es el lenguaje
que se utiliza para crear los documentos que componen el sitio web. Este lenguaje indica a
los navegadores cómo deben mostrar el contenido de una página web. Nos permite enlazar y
navegar por Internet.
El lenguaje HTML contiene dos partes:
• Contenido, que es el texto que se verá en la pantalla de un ordenador,
• Etiquetas y atributos que estructuran el texto de la página web en encabezados,
párrafos, listas, enlaces, etc. y normalmente no se muestra en pantalla.
Para crear un archivo HTML solo hace falta un
editor de texto, como el block de notas de
Windows.
Otros editores más completos free Notepad++
https://notepad-plus-plus.org/downloads/
v8.6/
Notepadqq para Linux
2. Estructura de una página HTML
Las páginas Web se escriben como etiquetas que hay que abrir y cerrar. Las etiquetas son
cajas contenedoras de la información.
Las etiquetas se abren o cierran mediante los símbolos<> y </>:
<> </etiqueta>
Abre la etiqueta Cierra la etiqueta
La estructura de la página web debe llevar las siguientes etiquetas:
Atributos
Los atributos van dentro de las etiquetas y proporcionan
información de éstas.
<etiqueta atributo="valor"> <etiqueta/>
2
Los atributos siempre van con la estructura: atributo="valor".
Los atributos siempre van en la etiqueta de apertura.
Los valores siempre hay que ponerlos entre comillas.
Muchos de los atributos están no recomendados (deprecated) o no admitidos (notsupported)
en las últimas versiones de HTML (HTML5). Esto significa que no es recomendable su uso,
aunque podemos encontrarlos en páginas web antiguas o no actualizadas a los nuevos
estándares.
En la actualidad se debe usar el atributo style para definir todos los estilos de nuestra
etiqueta style=”dato:valor“, y separamos los diferentes datos por ;
Dentro de la cabecera disponemos la etiqueta meta donde definimos el atributo charset con el
valor UTF-8 que es un formato de caracteres ampliamente empleado en internet (si no
disponemos este formato no podemos disponer caracteres acentuados)
<meta charset="UTF-8">
Todo el texto que dispongamos dentro del <body> aparece dentro del navegador tal cual lo
hayamos escrito.
Todas las páginas tiene como mínimo esta estructura: cabecera y cuerpo.
Otra cosa importante es que el lenguaje HTML no es sensible a mayúsculas y minúsculas, es
decir podemos escribirlo como más nos guste, además no requiere que dispongamos cada
etiqueta en una línea (podríamos inclusive escribir toda la página en una sola línea, cosa que
no conviene ya que somos nosotros quienes tendremos que modificarla en algún momento).
El DOCTYPE que informa al navegador que el contenido siguiente se trata de un archivo HTML
(todos los navegadores modernos analizan la presencia del DOCTYPE)
Ejercicio resuelto1:
El siguiente código muestra una página con los nombres de 5 lenguajes de programación
separados por un guión.
3
Ejercicio nº 1:
Confecciona una página con las etiquetas mínimas que debe tener la página HTML, el título de
la página será: “Mi primera página web” y en el cuerpo de la misma escribe tu nombre y
apellido.
3. Salto de línea
Etiqueta: Salto de linea: <br> . Esta etiqueta permite saltar de línea, dentro de un
mismo párrafo.
La etiqueta <br> no tiene cierre.
El siguiente código muestra los nombres de distintos lenguajes de programación uno por línea:
Como vemos sólo hemos agregado la etiqueta<br> cada vez que queremos
comenzar una línea. Es indistinto si disponemos la etiquetaen la misma línea o en la
siguiente.
Ejercicio 2:
Crea una página HTML que muestre tu nombre y tu apellido y en la siguiente línea
los nombres de tus padres separados por un guión. Título de la página: Mi familia.
