practicas de html

Prácticas con . .

HTML

Luis Escandell Gómez
Enero de 2.007

1

Práctica 1 - Introducción a HTML (1)
A lo largo de estas prácticas vamos a conocer los conceptos básicos sobre HTML, y cómo se
utiliza para crear páginas web.

Qué es el HTML
El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas
web. Es un lenguaje de hipertexto, es decir, un lenguajeque permite escribir texto de forma
estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento
del documento.
Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido,
vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia.
Los documentos HTML deben tener la extensión html o htm, para que puedanser visualizados
en los navegadores (programas que permiten visualizar las páginas web).
Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a
los usuarios las páginas web resultantes del código interpretado.

Los navegadores. Compatibilidad
Los navegadores de hoy en día pretenden ser compatibles con la última versión de HTML. Es
necesario realizarextensiones de los navegadores para que puedan ser compatibles con esta
última versión.
Dos de los navegadores que continuamente están realizando extensiones son Internet Explorer
y Netscape Navigator, que realizan extensiones incluso antes de que se establezcan los
estándares, intentando incluir las nuevas funciones incluidas en los borradores.

Editores
Un editor es un programa que nospermiten redactar documentos. Es aconsejable comenzar
utilizando una herramienta lo más sencilla posible, para tener que insertar nosotros mismos el
código HTML. Esto permite familiarizarse con el lenguaje, para poder utilizar algún editor
visual posteriormente, y depurar el código cuando fuera necesario.
Para crear páginas web escribiendo directamente el código HTML utilizaremos la herramienta
delBloc de notas que proporciona Windows.

1) Crear una carpeta dentro de tu carpeta de alumno que tenga como nombre ‘HTML’ . Dentro
iremos guardando todos los documentos y páginas web que vayamos realizando en esta
evaluación.
2) Abrir el Bloc de Notas, que está situado en Inicio / Programas / Accesorios / Bloc de Notas
3) Cerrarlo y a continuación crear un acceso directo a dicho programa enel escritorio (para ello
hay que pulsar con el botón derecho encima del acceso directo al programa y seleccionar la
opción Enviar a / Escritorio)

2

Etiquetas
Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento
HTML. Existen dos tipos de etiquetas: la de comienzo de elemento y la de fin o cierre de
elemento.
La etiqueta de comienzo está delimitada porlos caracteres < y >. Está compuesta por el
identificador o nombre de la etiqueta, y puede contener una serie de atributos opcionales que
permiten añadir ciertas propiedades. Su sintaxis es:
Etiqueta de comienzo....................................
Etiqueta de cierre..........................................
Cada uno de los elementos de la página se encontrará entre una etiqueta de comienzoy su
correspondiente etiqueta de cierre, a excepción de algunos elementos que no necesitan etiqueta
de cierre. También es posible anidar etiquetas, es decir, insertar etiquetas entre otras etiquetas de
comienzo y de cierre.

Mi primera página
Para que te vayas haciendo una idea de cómo crear una página
html a través del Bloc de notas, vamos a crear una página web
sencilla, con una línea detexto.
4) Lo primero que tienes que hacer es abrir el Bloc de notas.
Seguidamente introduce, en el documento en blanco, el texto
siguiente:
5) Guarda el documento en la carpeta HTML que has creado antes con la extensión htm, con el
nombre primera.htm. Para guardar una página entra en el menú Archivo / Guardar. A
continuación selecciona en Tipo “Todos los archivos” y luego pulsa “Guardar”....