Etiquetas en HTML
Para denotar
los distintos elementos de un documento HTML, se utilizan etiquetas.
Etiquetas HTML constan de un corchete angular izquierdo (<), un nombre de etiqueta, y un corchete angular derecho (>).
La etiqueta
final se parece a la etiqueta de apertura, excepto una barra (/) precede el
texto entre corchetes.
HTML no es sensible a mayúsculas <title> es equivalente a <TITLE> o <title>..
El documento HTML mínimo
Todo documento
HTML debe contener ciertas etiquetas HTML estándar. Cada documento se compone
de :
·
Cabeza del texto:
contiene el título
·
Cuerpo del
texto: contiene el texto real que se compone de los párrafos, las listas, y
otros elementos.
Los elementos
necesarios son los <head> <html>, <title>, y <body>
<html>
<head>
<TITLE> UN EJEMPLO SIMPLE HTML </ TITLE>
</ Head>
<body>
<H1> HTML es fácil de aprender </ H1>
<P> ¡Bienvenido al mundo de HTML.
Este es el
primer párrafo. Si bien es poco
todavía un
párrafo </ P>
<P> Y este es el segundo párrafo. </ P>
</ Body>
</ Html>
Etiquetas de
marcado
HTML
Este elemento
le indica al navegador que el archivo contiene información codificada en HTML.
La extensión de archivo. Html también indica este documento un archivo HTML y debe
ser utilizado.
El elemento
principal identifica la primera parte de su HTML con código de documento que
contiene el título. El título se muestra como parte de la ventana del navegador
TÍTULO
El elemento de
título contiene el título del documento e identifica su contenido en un
contexto global.
CUERPO
La segunda - y
más grande - una parte de su documento HTML es el cuerpo, que contiene el
contenido del documento Las etiquetas explican a continuación se utilizan en el
cuerpo del documento HTML.
Headings
HTML tiene seis
niveles de encabezados, numerados del 1 al 6, siendo 1 el más importante. Los
encabezados se muestran en las fuentes más grandes y / o más audaz que el texto
normal del cuerpo.
El primer
título de cada documento debe ser etiquetado <H1>.
La sintaxis del
elemento de partida es el siguiente:
<h1 texto> de la partida </ H1>
El número 1
puede ser cambiado por otro hasta el nivel 6 todo depende de los niveles que se
vaya a utilizar.
Párrafos
Para etiquetar párrafos
de utiliza <P>, para
abrir y </p> para cerrar .
En el ejemplo
escueto se muestra en la sección del documento HTML mínimo, el párrafo primero
se codifica como
<P>
¡Bienvenido al mundo de HTML.
Este es el
primer párrafo.
Si bien es
poco
todavía un
párrafo </P>
NOTA: La </ P> etiqueta de cierre puede ser omitido. Esto es porque los navegadores
entienden que cuando se encuentran con un <P>, implica que hay un final
en el párrafo anterior.
Usando el
<P> y </ P> como un contenedor párrafo significa que puede centrar
un párrafo al incluir el atributo ALIGN
= alineación en el archivo de origen.
<P
ALIGN=CENTER>Este es un párrafo centrado.</ P>
Este es un párrafo centrado.
<B> o
<STRONG>
Las más
conocidas y utilizadas son las negritas, que simplemente ponen el texto con una
anchura mayor, como más resaltado.
Este es el efecto de una negrita
<I> o
<EM>
Las itálicas o
cursivas, que sirven para hacer que el texto se incline a un lado.
Este texto está itálica o bien cursiva
<U>
Esta etiqueta sirve para que se subraye el texto, apareciendo una línea por debajo del mismo.
Esta etiqueta sirve para que se subraye el texto, apareciendo una línea por debajo del mismo.
Este texto está subrayado
<STRIKE>
Esta etiqueta no es muy conocida y tampoco muy utilizada. Sirve para que el texto aparezca tachado, es decir, con una línea por encima del texto.
Esta etiqueta no es muy conocida y tampoco muy utilizada. Sirve para que el texto aparezca tachado, es decir, con una línea por encima del texto.
<font color="color"> texto en color </font>
De cualquier
modo aquí un ejemplo de cómo seria en el caso de un color común.
<font color="red"> texto rojo</font>
texto rojo
Y por supuesto
insistir en que podeis "mezclar" etiquetas distintas, siempre que
recordeis que se cierra primero la ultima en ser abierta.
<font color="green"> texto verde <b>verde</b>
... </font>
texto verde..
Imágenes
Para
incluir una imagen en línea, introduzca:
<IMG ImageName src=>
donde
ImageName
es la dirección URL del archivo de imagen.
Si
el archivo es un archivo de imagen GIF, entonces la parte de nombre de archivo
debe terminar con ImageName. Gif. Archivos de imagen JPEG debe
terminar con jpg o jpeg,.. Y los archivos Portable
Network Graphic debe terminar con png..
Tamaño de la Imagen
Por
ejemplo, para incluir una imagen de retrato de uno mismo en un archivo junto
con las dimensiones del retrato, escriba:
<IMG SRC=muñeco.gif HEIGHT=100 WIDTH=65>
Donde
los atributos HEIGHT y WIDTH se utilizan para
ampliar o reducir una imagen para que quepa en el espacio asignado cuando la
imagen no coincide exactamente con el número de atributos.
Alineación de Imágenes
Este texto está
alineado con la parte superior de la imagen (<IMG
SRC = "muñeco.gif" ALIGN=TOP>).
Gráficos de fondo
La etiqueta
para incluir una imagen de fondo se incluye en el estado <BODY> como un atributo:
<BODY BACKGROUND="
.gif"> nombre de archivo
Color de fondo
Puede cambiar
el color del texto, los enlaces, los enlaces visitados y los vínculos activos
con los atributos de la etiqueta <BODY>. Por ejemplo, escriba:
<BODY
BGCOLOR="#000000" TEXT="#FFFFFF"
LINK="#9690CC">
Esto crea una
ventana con un fondo negro (BGCOLOR), texto blanco (TEXT) e hipervínculos plateadas (LINK).
Imágenes externas, sonidos y animaciones
Es posible que
desee tener una imagen abierta como un documento independiente cuando un
usuario activa un vínculo en una palabra o una versión más pequeña y en línea
de la imagen incluida en el documento. Esto se llama una imagen externa, y es
útil si no desea retrasar la carga del documento principal con grandes imágenes
en línea.
Para incluir
una referencia a una imagen externa, escriba:
<a Href=" "> ancla muñeco.gif
enlace </ A>
También puede
utilizar una imagen más pequeña como un enlace a una imagen más grande. Intro:
<a Href=" "> LargerImage.gif
<IMG src=" SmallImage.gif "> </ A>
El lector ve la
imagen SmallImage.gif y hace clic en él para abrir el archivo LargerImage.gif.
Utilice la
misma sintaxis para los enlaces a las animaciones y los sonidos externos. La
única diferencia es la extensión de archivo del archivo vinculado. Por ejemplo,
HREF="radio.mov">
<A ancla enlace </ A>
especifica un
vínculo a una película QuickTime. Algunos tipos de archivos más comunes y sus
extensiones son:
Tipo de Archivo
|
Extensión
|
texto sin formato
|
. Txt
|
Documento HTML
|
. Html
|
GIF imagen
|
. Gif
|
TIFF imagen
|
. Tiff
|
X imagen de mapa de bits
|
. Xbm
|
De imagen JPEG
|
. Jpg o jpeg.
|
Archivo PostScript
|
. Ps
|
AIFF archivo de sonido
|
. Aiff
|
AU archivo de sonido
|
. Au
|
WAV archivo de sonido
|
. Wav
|
QuickTime película
|
. Mov
|
MPEG película
|
. Mpeg o mpg.
|
No hay comentarios:
Publicar un comentario