Glosario de HTML

Temas Selectos de Ingeniería en Sistemas

María de los Angeles Serrano Montijo

Formato de texto

Listas

Enlaces

Imágenes

Caracteres especiales

Estandares html

Elementos para utilizar HTML

Procesador de Texto

Navegador con protocolo http

Estructura Básica de un Archivo HTML

Todos los archivos que se generan en html se guardan con la extensión .html ó .htm
Las cuatro etiquetas básicas son:

<HTML> </HTML> Sirve para indicar el inicio de un archivo HTML

<HEAD> </HEAD> Es la eqtiqueta del encabezado e incluye elementos que identifican la página que se desarrolla

<TITLE> </TITLE> Se ubica dentro de la etiqueta HEAD y sirve para especificar el nombre de la página

<BODY> </BODY> Se integra el cuerpo de la página

Ejemplo básico:

<HTML>

<HEAD>

<TITLE>Página 1</TITLE>

</HEAD>

<BODY>

Mi primer página

</BODY>

</HTML>

Formato de Texto

<H1> </H1>: Es un encabezado y va desde H1 a H6
<CENTER> </CENTER>: Sirve para centrar el texto
<HR>: Genera una línea de separación horizontal
: Genera un salto de parrafo
 : El formato de texto en negrita
 : El formato de texto ripo italica
 : Genera un salto de renglón
<PRE> >/PRE>: Tipo de letra curier con salto interlineado de 2
<TT> </TT>: Cambia el tamaño de letra
<BLOCKQUOTE></BLOCKQUOTE>: Introduce citas textuales, en este caso el texto se separá del texto circundante y se ajustará a los margenes derecho e izquierdo
 : Genera un superíndice
 : Generá un subíndice

Listas

<UL> </UL>: Generá una lista desordenada y cada uno de sus elementos se integra con LI
<LI> </LI>: Integra los elementos de una lista y cuando usa LI puede usar las etiquetas <UL> u <OL>
<OL> </OL>: Esta etiqueta generá una lista pero ordenada esto quiere decir numerada y cada uno de sus elementos se integra con LI
<! comentarios>: Esta etiqueta sirve para poder poner comentarios en el código sin afectar ninguna instrucción
<DL> </DL>: Lista de definiciones y existiran dos elementos, la definición y el término, se usará principalmente para listas en las que se incluirá una palabra o frase y su definición
<DT> </DT>: Con esta etiqueta se podrán agregar los términos y va acompañada de la etiqueta <DL>
<DD> </DD>: Esta etiqueta es para dar margen a la definición hecha por un término agregado con la etiqueta <DT>

Enlaces

<A HREF="XXX">YYY</A>: Referencia a un archivo ubicado en la misma máquina o en el mismo sitio, donde XXX es el nombre del archivo al que hace referencia y YYY es el nombre que identifica el enlace en la página donde inserta el enlace

<A HREF="#MARCA">YYY</A>: Con esto se generá un enlace en la misma página
<A HREF="MARCA">YYY</A>: Etiqueta para el enlace de la página
<A HREF="XXX.html#MARCA"></A>: Enlace a otra página en un lugar especifico de esta
<A HREF="http://www.xxxx...."> </A>: Enlace con páginas externas a la propia
<A HREF="mailto:anyje19102@yahoo.com.mx"> </A>: Referencia a el correo electronico

Imagenes

Sirve para agregar imagenes a la página que se esta haciendo y contiene varios atributos como son: alt ="descripcion"
align= alineacion Top
Middle
Bottom
Border=0
como enlace <A href="archivo.html><ima src="imagen.xxx></a>

Caracteres Especiales

sirve para escribir un <
&at;: sirve para escribir un >
&: sirve para escribir un &
": sirve para escribir un "
á: sirve para escribir vocales acentuadad por ejemplo á
ñ: sirve para agregar tilde a caracteres que lo requierán por ejemplo ñ

Estandares de HTML

<BLINK> </BLINK>: Este es un estandar de HTML y sirve para imagenes en movimiento
<HR width= 75%>: Width marca la longitud de la línea que se escribe con la etiqueta HR, también aplica con otras etiquetas
<HR size=20>: Size muestra el espesor de la línea que se pinta con HR, también aplica con otras etiquetas
align: Sirve para la alineación de texto o imagenes y sus opciones son: left y right
noshade= linea salida
: Se refiere a el formato de la fuente que se utilizará en la página, los tamaños con del 1 al 7 y como base es 3, también se puede utilizar un cambio relativo de (+,-) esto depende de que tamaño se necesita la fuente