Anda di halaman 1dari 5

Etiquetas del lenguaje HTML

Las Etiquetas
El lenguaje HTML es un lenguaje de marcas, estas marcas sern
fragmentos de texto destacado de una forma especial que permiten la
definicin de las distintas instrucciones de HTML, tanto los efectos a
aplicar sobre el texto como las distintas estructuras del lenguaje. A estas
marcas las denominaremos etiquetas y sern la base principal del lenguaje
HTML. En documento HTML ser un fichero texto con etiquetas que
variarn la forma de su presentacin.
Una etiqueta ser un texto incluido entre los smbolos menor
que < y mayor que >... El texto incluido dentro de los smbolos ser
explicativo de la utilidad de la etiqueta. Por ejemplo:
<B>
<TABLE>
<IMG>

Letra Negrita, del ingls Bold (negrita).


Definir una tabla.
Inclusin de una Imagen.

Existe normalmente una etiqueta de inicio y otra de fin, la de fin


contendr el mismo texto que la de inicio aadindole al principio una
barra inclinada /. El efecto que define la etiqueta tendr validez para todo lo
que est incluido entre las etiquetas de inicio y fin, ya sea texto plano u
otras etiquetas HTML.
<ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA>
Por ejemplo, con la etiqueta siguiente:
<B>Texto que ser en negrita</B>.
Obtendremos:
Texto que ser en negrita
Algunas etiquetas no necesitarn la de fin, sern aquellas en las que el
final este implcito, por ejemplo <P> prrafo, <BR> salto de lnea
o <IMG> inclusin de una imagen. Definen un efecto que se producir en
un punto determinado sin afectar a otros elementos.

El uso de maysculas o minsculas en las etiquetas es indiferente, se


interpretarn del mismo modo en ambos casos, pero lo normal es
expresarlas en maysculas para que destaquen con ms nitidez del texto
normal.
Estructura bsica de un documento HTML
Todos los documentos Html tienen la estructura que se muestra a
continuacin, aunque la etiqueta <body> puede ser sustituida
por<frameset> para un tipo de pginas que dividen la ventana del
navegador en varios cuadros (frames).
<HTML>
<HEAD>
<TITLE>Ttulo de la pgina</TITLE>
...
</HEAD>
<BODY>
Aqu ira el contenido de la pgina
</BODY>
</HTML>
Vamos a analizar ms detenidamente las distintas secciones que componen
la pgina Entre las etiquetas <html> y <head> se suelen colocar otras
opcionales, como por ejemplo:
<meta name="description" content="Informacin sobre el Centro, las
enseanzas que se pueden cursar, los departamentos didcticos">
<meta name="keywords" content="educacin, enseanza, instituto,
profesores, alumnos">
En este caso las etiquetas le indican a los buscadores el contenido de
nuestras pginas (description) y algunas palabras clave (keywords) para su
localizacin.
La cabecera es la seccin comprendida entre <head> y </head>. En ella se
encuentra necesariamente el ttulo (entre las etiquetas <title> y</title>).
El ttulo de la pgina debe describir su contenido por ejemplo:
<TITLE>Colegio Pblico de Villaman - mbito de Influencia </TITLE>
no valdra en cambio
<TITLE>Pgina de Inicio</TITLE> ya que esto no dice nada por si solo

Dentro de la cabecera tambin se suele incluir cdigo en JavaScript, que se


reconoce porque va comprendido entre las etiquetas
<Script language="JavaScript">
<!-Aqu ira el cdigo
// -->
</SCRIPT>
El cuerpo (body) del documento html es normalmente lo ms importante.
Es aqu donde debemos colocar el contenido de nuestra pgina: texto, fotos,
etc.
El cuerpo est delimitado por las etiquetas <body> y </body> La etiqueta
<body> suele contener algunos atributos, a saber:
BGCOLOR parmetro usado para especificar el color de fondo de la
pgina. El color se define como una terna de nmeros (#rrggbb) en base
hexadecimal en el orden rojo, verde, azul (Red, Green, Blue). Tambin se
puede usar el nombre en ingls de los colores predefinidos en los
navegadores.
Sintaxis: <BODY BGCOLOR=#0000FF> o <BODY BGCOLOR=blue>
Una buena ayuda para la seleccion de colores con #rrggbb la puedes
encontrar en: Paleta de Colores
TEXT, parametro usado para definir el color del texto por omision. Su
formato es el mismo que el de BGCOLOR. Si no se pone nada es negro.
LINK, VLINK, ALINK, parmetros usados para especificar el color por
omision de: texto con enlace, enlace ya visitado y enlace activo.
Los colores por omision son LINK=blue, VLINK=purple y ALINK=red. El
formato es el mismo que BGCOLOR.
BACKGROUND, parmetro usado para especfica la ruta y nombre de
archivo (URL) de la imagen que ser usanda como fondo del documento.
Esta se ver como mosaico para cubrir toda la ventana si es pequea (lo
habitual).
Sintaxis: <BODY BACKGROUND="ruta/archivo.gif">

Es conveniente especificar la ruta de modo relativo, esto quiere decir que si


cambiamos el directorio completo donde estn nuestras pginas,
desde C:\ a C:\webs por ejemplo, la ruta especificada debe seguir siendo
vlida.
Por ejemplo si la pgina desde la que hacemos el enlace se encuentra en el
directorio Aprendiendo Html y
queremos poner como fondo la
imagen fondo.gif, que se encuentra
en gifs, se debe poner:
<BODY
BACKGROUND="gifs/fondo.gif">
Si la pgina estuviese en ejemplos se pondra:
<BODY BACKGROUND=".../gifs/fondo.gif">
Fjate en.../ pues es lo que indica al navegador que debe acudir al directorio
superior
Atributos de las Etiquetas
Las etiquetas pueden presentar modificadores que llamaremos atributos
que permitirn definir diferentes posibilidades de la instruccin HTML.
Estos atributos se definirn en la etiqueta de inicio y consistirn
normalmente en el nombre del atributo y el valor que toma separados por
un signo de igual. El orden en que se incluyan los atributos es indiferente,
no afectando al resultado. Si se incluyen varias veces el mismo atributo con
distintos valores el resultado obtenido ser imprevisible dependiendo de
cmo lo interprete el navegador. Cuando el valor que toma el atributo tiene
ms de una palabra deber expresarse entre comillas, en otro caso no ser
necesario.
Un ejemplo de atributo ser:
<A HREF="http://www.uca.es">Pagina principal de la UCA</A>
En este caso la etiqueta A presenta un atributo HREF cuyo valor
es http://www.uca.es.
Igualmente una etiqueta podra presentar varios atributos:
<HR ALIGN=LEFT NOSHADE SIZE=5 WIDTH=50%>

En este caso la etiqueta HR presenta cuatro atributos. El segundo


atributo NOSHADE es un caso especial que no presenta valor. El orden en
que se especifiquen los atributos no afectar al resultado final.

18.Accesibilidad web
El diseo en HTML, aparte de cumplir con las especificaciones propias del
lenguaje, debe respetar ciertos criterios de accesibilidad web, siguiendo
unas pautas o las normativas y leyes vigentes en los pases donde se regule
dicho concepto. Se encuentra disponible y desarrollado por el W3C a travs
de las Pautas de Accesibilidad al Contenido Web 1.0 WCAG (actualizadas
recientemente con la especificacin 2.020 ), aunque muchos pases tienen
especificaciones propias, como es el caso de Espaa con la Norma UNE
139803.

Anda mungkin juga menyukai