GUÍA BÁSICA DE HTML


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.
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.
Este texto está tachado

<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