html

Sintaxis del HTML
El HTML es un lenguaje que basa su sintaxis en un elemento de base al que llamamos etiqueta o
en inglés tag. La etiqueta presenta frecuentemente dos partes:
Una apertura de forma general
Un cierre de tipo
Todo lo incluido en el interior de esa etiqueta sufrirá las modificaciones que caracterizan a la
misma. Así por ejemplo:
Las etiquetas y definen un texto ennegrita. Si en nuestro documento HTML escribimos
una frase con el siguiente código:
Esto está en negrita
El resultado en el navegador de internet será:
Esto está en negrita
Las etiquetas y definen un párrafo. Si en nuestro documento HTML escribiéramos:
Hola, estamos en el párrafo 1
Ahora hemos cambiado de párrafo
El resultado sería:
Hola, estamos en el párrafo 1
Ahora hemoscambiado de párrafo
Partes de un documento HTML
Además de todo esto, un documento HTML ha de estar delimitado por la etiqueta
y . Dentro de este documento, podemos asimismo distinguir dos partes principales:
El encabezado, delimitado por y donde colocaremos etiquetas de índole
informativo como por ejemplo el título de nuestra página. Guillermo Francisco Álvarez Machain 6
El cuerpo,flanqueado por las etiquetas y , que será donde colocaremos nuestro
texto e imágenes delimitados a su vez por otras etiquetas como las que hemos visto, es decir, todo
el contenido de nuestra página se encontrará delimitado por esta etiqueta.
El resultado es un documento con la siguiente estructura:


Etiquetas y contenidos del encabezado
Datos que no aparecen en nuestra página peroque son importantes para catalogarla: Titulo,
palabras clave,...


Etiquetas y contenidos del cuerpo
Parte del documento que será mostrada por el navegador: Texto e imágenes


El lenguaje HTML no es sensible a mayúsculas y minúsculas, es decir, a diferencia de otros
lenguajes de programación ya conocidos como VB y C#, en este lenguaje da lo mismo escribir
a o a o .
Anotar que las etiquetas pueden ser escritas con cualquier tipo de combinación de mayúsculas y
minúsculas. , o son la misma etiqueta. Resulta sin embargo aconsejable
acostumbrarse a escribirlas en minúscula ya que otras tecnologías que pueden convivir con
nuestro HTML (XML por ejemplo) no son tan permisivas y nunca viene mal adoptar buenas
costumbres desde el principio para evitar fallostriviales en un futuro.
Tu primera página
Podemos ya con estos conocimientos, y alguno que otro más, crear nuestra primera página. Para
ello, abre tu editor de textos block de notas y escribe el siguiente código en un nuevo documento.


Mi primera práctica en el laboratorio Guillermo Francisco Álvarez Machain 7


Bienvenidos,
Estás en la primera página creada por nombre completo.
Durante este semestre te mostraré muchas cosas interesantes sobre mí.


Ahora guarda ese archivo con extensión .html o .htm en tu disco duro. Para ello accedemos al
menú Archivo y seleccionamos la opción Guardar como. En la ventana elegimos el directorio
donde deseamos guardarlo y colocaremos su nombre, por ejemplo mi_pagina.html
Nota: Utiliza nombres en tus archivos que tenganalgunas normas básicas para ahorrarte disgustos
y problemas. Mi consejo es que no utilices acentos ni espacios ni otros caracteres raros. También
te ayudará escribir siempre las letras en minúsculas.
Esto no quiere decir que debes hacer nombres de archivos cortos, es mejor hacerlos descriptivos
para que te aclaren lo que hay dentro. Algún caracter como el guión "-" o el guión bajo "_" tepuede ayudar a separar las palabras. Por ejemplo quienes_somos.html
Con el documento HTML creado, podemos ver el resultado obtenido a partir de un navegador. Es
conveniente, llegado a este punto, hacer hincapié en el hecho de que no todos los navegadores
son idénticos. Desgraciadamente, los resultados de nuestro código pueden cambiar de uno a otro
por lo que resulta aconsejable...