HTML

HTML ¿Qué es el HTML?
El HTML es el lenguaje que permite concebir las páginas que constituyen el

World Wide Web. Su principio es

simple: las páginas codificadas con las comandos de tratamiento de texto son interpretadas por el navegador y aparecen en tu
pantalla. Es ni más ni menos que un lenguaje de paginación. Utiliza las etiquetas (o las tags) que especifican la manera en que el
textoaparecerá (en negrita, mayúscula, el tipo de fuente,..). Estas tags también permiten insertar diferentes objetos en tus
páginas: imágenes, sonidos, animaciones, etc.
Incluso al generar tu página con un editor WYSIWYG, es aconsejable tener algunas nociones de HTML para conservar el control de
tu creación.
Estructura de una página HTML
Una página HTML siempre debe empezar por la tag yterminarse con . Está compuesta por dos partes:
o un encabezado, situado entre las tags y que contiene las informaciones que no aparecen en la página,
como el título o las tags, utilizadas para la indexación de tu sitio.
o el cuerpo, delimitado por y , en lo que está todo lo que vemos en pantalla.
Cualquier documento HTML se presenta bajo la siguiente forma :


Título de la páginaContenido de tu página



Las tags: La mayoría de las tags se componen de balizas de apertura y de cierre.
Por ejemplo tu texto hará que aparezca en negrita todo lo que está entre ellas.
Las tags pueden escribirse en minúsculas o mayúsculas.
Nota : En cualquier momento puedes ver el código de tu página gracias a la función 'Ver el código fuente' de tu navegador o con
click derecho del mouse (conPCs solamente).
La principales balizas de paginación :
: salto de línea
... : enter
... : estilo negrita
... : estilo cursiva
... : estilo subrayado
: parámetros de la fuente (por ejemplo::
: insertar una línea horizontal
hasta; y hasta : títulos preformateados del más elevado al menos elevado
... : lazo
: inserción de imagen
... : título en la barra de título de la ventana denavegación

Escritura de la página: Ahora podemos crear la primera página de tu sitio, en el Block de Notas o con SimpleText, si no tienes un
editor HTML.
Empezaremos con el esqueleto de la página:


Mi sitio





Para copiar este código, selecciónalo con el mouse, aprieta las teclas Ctrl+C , ve a tu documento y aprieta Ctrl+V. Aparecerá lo que
querías copiar.
En el cuerpo de lapágina (entre las tags y ) vamos a agregar el contenido:


Mi sitio


Mi sitio web


¡¡Bienvenido a mi sitio personal!!

1


Puedes escribir aquí tu texto de presentación.

No dudes en volver a la línea



Mi foto preferida


Puedes ver que para la baliza párrafo , el cierre es facultativo; tampoco la necesitamos para la vuelta a la línea .
Grabar y ver tu página: Antes depasar a la siguiente etapa, vamos a grabar y visualizar tu página.
Como es una página de inicio, la grabaremos con el nombre 'index.html' en el repertorio raíz del sitio (en formato texto
solamente). Puedes abrir esta página en el navegador.
Luego, a cada modificación grabada en tu editor, solo tendrás que darle a 'Actualizar' en la barra de menú de tu navegador para
ver las modificaciones.Nota : Es casi obligatorio nombrar tus archivos con minúsculas, para evitar cualquier problema con los alojadores Web para
quiénes 'index.html' y 'INDEX.HTML' son dos elementos distintos.
Insertar una imagen: Es normal que quieras insertar imágenes en tu sitio. Para eso, utiliza la tag y su indispensable
atributo "src" (abreviatura de "source", o fuente) : src="dirección de la imagen/nombre dela imagen" indica el nombre y el
camino que el navegador debe seguir para encontrar la imagen a partir de la página actual.
Para este ejemplo, vas a poner una imagen ('photo1.jpg') en la carpeta 'imágenes' creada en el capítulo 'Organizar tu página', e
insertarlo tal cual en la página de inicio:

Para copiar este código, selecciónalo con el mouse, aprieta las teclas Ctrl+C , ve a tu...