Estructura Básica de HTML
Estructura Básica de HTML
marquesinas
HTML
HTML es un acrnimo de Hypertext Markup Language y es una tecnologa que
nos permite escribir pginas Web. HTML es un lenguaje de computacin que
entienden los exploradores Web.
HTML permite implementar el mecanismo apropiado para vincular diferentes
pginas denominandohipervinculacin a esta propiedad. La hipervinculacin
permite ir de una pgina a otra simplemente haciendo clic en un vnculo.
Conocer HTML
Con tantas herramientas de desarrollo Web existentes, es muy fcil crear
pginas Web sin tener ninguna necesidad de saber HTML. Pero no es el caso
crear pginas sin saber con certeza lo que se est haciendo. Cuando algo no
funciona como lo estbamos esperando o deseamos algo especfico, es cuando
se requiere saber donde es necesario realizar correcciones o adecuaciones, y
para hacerlo, requerimos introducir o modificar HTML. Si no conocemos HTML
estaremos siempre sujetos a la solucin que nos pueda brindar la herramienta.
Conocer HTML garntiza el control total de nuestras pginas Web.
Estructura bsica de un documento HTML
Lo primero que debemos considerar dentro de la organizacin bsica de HTML
es el uso de los corchetes angulares< y >. En HTML estos corchetes contienen en
su interior cdigo especial llamado ETIQUETA que indican la estructura y el
formato del CONTENIDO de la pgina. HTML est formado por muchas etiquetas
que pueden realizar infinidad de tareas para dar formato a nuestras pginas Web.
<HEAD>: Especifica el prlogo del resto del archivo esto es, el encabezado.
Son pocas las etiquetas que van dentro de ella, destacando la del titulo
<TITLE> que ser utilizado por los marcadores del navegador e identificar
el contenido de la pgina. Solo puede haber un ttulo por documento,
preferiblemente corto aunque significativo, y no caben otras etiquetas
dentro de l. En <head> no hay que colocar nada del texto del documento.
Las etiquetas tienen propiedades, las cuales son descritas por medio de
los Atributos. Un atributo es una opcin que permite proporcionar detalles acerca
de cmo una etiqueta afectar el contenido. Es importante mencionar que HTML
no distingue entre maysculas o minsculas, o una combinacin de ambas.
El primer paso para crear una pgina es crear un documento de texto mediante
el editor de texto que desee. Puede utilizar el editor Microsoft Windows que es el
Block de notas o cualquier otro editor.
Un editor de texto es un programa que permite crear y modificar archivos
digitales compuestos nicamente por texto sin formato, conocidos comnmente
como archivos de texto texto plano y son incluidos en el sistema operativo o en
algn Paquete de software.
Lo primero que debemos considerar es la estructura general de la pgina por lo
que debemos escribir en ella su contenido.
ETIQUETA
<HTML>
FUNCIN
Empieza
un
documento HTML
<HEAD>
Zona de cabecera
<TITLE>
Zona de ttulo
</TITLE>
Termina
zona
de
zona
de
ttulo
</HEAD>
Termina
cabecera
<BODY>
</BODY>
Termina
zona
de
Termina documento
HTML
Es importante que ninguna de nuestras pginas carezca de ttulo ya que el
explorador buscar el ttulo para identificar su pgina.
TEXTO
Para incluir texto en una pgina basta teclear ste entre las etiquetas<BODY> y
</BODY>; sin embargo, podemos hacer uso de etiquetas para mejorar la
apariencia de la informacin. Las etiquetas que se utilizan con mayor frecuencia
para dar formato al texto son:
ETIQUETA
<B> </B>
<I> </I>
<U></U>
<P>
<BR>
FUNCIN
Texto
en
negrilla
Texto
en
itlica
Texto
subrayado
Etiqueta
de prrafo
Etiqueta
para
introducir
saltos
de
lnea
Etiqueta
<BLOCKQUOTE></BLOCKQUO para
TE>
introducir
sangra
<FONT> </FONT>
A
continuacin
tenemos
un
Fuente
ejemplo
dentro
en
el
de
que
la
tenemos
la
etiqueta <p..>.:
PRIMERA
PAGINA</title>
<body
<font
</head>
bgcolor="#FFFF99">
color="#000066"
size="5">Estoy
realizando
mi
primera
pgina
Web.</font>
</body>
</html>
Guarda el documento con la extensin html (o si prefieres htm) con el
nombre prueba.html
en el navegador que
tengas instalado
en tu computadora.
Estilos de texto
Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto
que se encuentra entre ellas, y generalmente se utilizan para resaltarlo. Estos
estilos pueden agruparse segn vayan asociados al tipo de letra o a la informacin
que represente el texto. Todas estas etiquetas necesitan una etiqueta de cierre, y
tambin pueden aplicarse varias etiquetas al mismo texto.
A continuacin se muestran algunas etiquetas con ejemplos, asociadas al tipo
de letra:
Etiqueta
Significado
Ejemplo
<b>
negrita
HTML de ithinkweb
<i>
cursiva
HTML de ithinkweb
<u>
subrayado
HTML de ithinkweb
<s>
tachado
HTML de ithinkweb
Aumenta el tamao de la
<big>
HTML de ithinkweb
fuente
Disminuye el tamao de la
<small>
HTML de ithinkweb
fuente
Etiqueta
<br>
para
introducir HTML
saltos de lnea
<blockquote
>
Etiqueta
ithinkweb
ithinkweb
para
sangra
<font>
de
Fuente
introducir
HTML de ithinkweb
HTML de ithinkweb
Prrafos <p>
El texto de una pgina puede agruparse en prrafos. Para ello, el texto de cada
uno de los prrafos debe insertarse entre las etiquetas <p> y </p>. Las
etiquetas <p> y </p> hacen que se cambie de lnea automticamente. Tambin es
posible cambiar la alineacin del texto de cada prrafo. Para ello se modifica el
valor
del
atributo align,
cuyos
valores
pueden
Bienvenidos a mi pgina.
Esta es una pgina dedicada a estudiantes de Bachillerato.
Habra que escribir:
<p>Bienvenidos a mi página.<p>
<p>Esta es una página dedicada a estudiantes de Bachillerato.</p>
Otra
forma
de
cambiar
la
alineacin
del
texto
es
mediante
las
etiquetas <div> y </div>, para las que tambin existe el atributo align. La
etiqueta <div>, al igual que la etiqueta <p>, se utiliza para agrupar bloques de
texto, pero con la diferencia de que la separacin entre ellos es menor.
Tambin
es
posible
insertar
el
texto
entre
las
de
la
ventana
en
forma
de
lnea
se
utilizan
las
marquesina,
indefinidamente,
por
pero
defecto,
se
se
pueden
desplaza
de
modificar
derecha
estas
izquierda
propiedades..
derecha
izquierda)
o left (de
izquierda
derecha).