Html etquetas
PROGRAMACIÓN WEB
ETIQUETAS HTML
INGENIERÍA EN SISTEMAS COMPUTACIONALES
24/06/2011
INTRODUCCION
El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicioy el fin de cada elemento del documento.
Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web).
ETIQUETAS
<HTML>, </HTML>: indica el inicio y el final de código en HTML.
<HEAD>, </HEAD>: etiquetas de cabecera que le informaran al navegador el tipo dedocumento, el título, la descripción las palabras claves, irán los script, etc.
<BODY>, </BODY> ira el cuerpo del documento, todo el texto de la página.
EJEMPLO:
<HTML>
<HEAD>
<BODY>
HOLA MUNDO!
</BODY>
</HEAD>
</HTML>
BLOQUES DE TEXTO
PARRAFO <P>, </P>: La usamos para separar párrafos y se puede usarsola o con la etiqueta que la cierra
EJEMPLO
<HTML>
<BODY>
<P>SQL,(Lenguaje de Consulta Estructurado) es un lenguaje de programacion para trabajar con base de datos relacionales como MySQL, Oracle,
etc. </P>
MySQL es un interpretador de SQL, es un servidor de base de datos, permite crear base de datos y tablas, insertar datos, modificarlos, eliminarlos.
</BODY></HTML>
SALTO DE LÍNEA <BR>, </BR>: Se usa para aplicar saltos de línea en el texto, podemos usar tantos como queramos.
EJEMPLO:
<HTML>
<BODY>
Texto 1, texto 1, texto 1, texto 1, texto 1, texto 1,
Texto 1, texto 1. <BR> Texto 2, texto 2, texto 2, texto 2. <BR>Texto 3
</BODY>
</HTML>
Con esto tendremos como resultado:
Texto 1,texto 1, texto 1, texto 1, texto 1, texto 1, texto 1, texto 1
Texto 2, texto 2, texto 2, texto 2.
Texto 3
EL ELEMENTO <BLOCKQUOTE>: sirve para representar párrafos tabulados, por la izquierda y la derecha.
EJEMPLO:
<HTML>
<BODY>
Texto 1, texto 1, texto 1, texto 1, texto 1.
<BLOCKQUOTE>
Texto 2, texto 2,texto 2, texto 2, texto 2, texto 2.
</BLOCKQUOTE>
</BODY>
</HTML>
El resultado será:
Texto 1, texto 1, texto 1, texto 1, texto 1.
Texto 2, texto 2, texto 2, texto 2, texto 2, texto 2.
LÍNEA HORIZONTAL <HR>: es un elemento vacío por lo que solo tiene marca inicial. Se emplea para separar bloques de texto representando una líneahorizontal.
Se puede cambiar la apariencia de dicha línea mediante los siguientes atributos:
* NOSHADE: Elimina el efecto de sombra de la línea.
* WIDTH: Permite definir la longitud de la línea.
* SIZE: Permite definir el grosor de la línea.
Ejemplos:
<HR NOSHADE>
<HR WIDTH=250 SIZE=3>
<HR WIDTH=250 SIZE=6>
<HR NOSHADE WIDTH=400 SIZE=4><HTML>
<BODY>
<HR >
hola mundo 1
<HR>
Hola mundo 2
<HR>
Hola mundo 3
<HR>
</BODY>
</HTML>
Como resultado:
Hola mundo 1
Hola mundo 2
Hola mundo 3
DIVISIONES <DIV>, </DIV>: Este elemento se comporta de forma muy parecida al salto de línea, <BR>, y a su vez admite los mismos atributos que <P>: ALIGN (LEFT,RIGHT, CENTER); o sea, permite definir un bloque con los atributos de <P>, pero dejando tan solo un salto de línea entre un bloque y otro.
Ejemplo:
<HTML>
<BODY>
<DIV ALIGN=LEFT>
Texto justificado a la izquierda, texto justificado
a la izquierda, texto justificado a la izquierda,
texto justificado a la izquierda.
</DIV>
<DIV ALIGN=RIGHT>...
Regístrate para leer el documento completo.