La estructura básica de una página web es la siguiente:
Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas.
La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda).
La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc.
ETIQUETAS
- ETIQUETAS DE FORMATO
Negrita: <B>Texto en negrita</B>
Cursiva:<I>Texto en cursiva</I>
Subrayado: <U>Texto subrayado</U>
Preformateado: <PRE>Texto que conserva todos sus espacios y tabuladores</PRE>
- ETIQUETAS DE ALINEACIÓN
HTML no da muchas opciones para alinear el texto. Por default el texto se alinea a la izquierda de la página. Pero tú puedes usar la etiqueta <CENTER>para especificar que ese texto deberá ir centrado como en el ejemplo siguiente:
<CENTER>Aquí va el texto</CENTER>
Para otras opciones de alineación, se usan las etiquetas de propiedades de estilo, las cuales te dan cuatro opciones para alinear el texto:
<H1 STYLE=”text-align: right”>Texto alienado a la derecha</H1>
<H1 STYLE=”text-align: left”>Texto alienado a la izquierda</H1>
<H1 STYLE=”text-align: center”>Texto centrado</H1>
<H1 STYLE=”text-align: justify”>Texto justificado</H1>
- ETIQUETAS PARA CAMBIAR LA FUENTE
HTML tiene dos etiquetas que te permite controlar las características de las fuentes: <FONT> y <BASEFONT>.
La etiqueta <FONT> controla los cambios para un bloque de texto individual por lo que al terminar la selección se debe cerrar con el <I>TAG</I> </FONT>
La etiqueta <BASEFONT> aplica el cambio a todo el documento y no existe etiqueta de cierre.
Los atributos más importantes para cambiar las fuentes son:
- FACE: Indica el tipo de letra, a continuación encontrarás las más comunes
Arial
Times New Roman
Verdana
Ejemplo: <FONT FACE=Arial>Aquí va el texto</FONT>
- SIZE: Indica el tamaño en una escala del 1 al 7, donde 7 es la letra más grande y 1 la más pequeña. El tamaño más utilizado es 3
Ejemplo: <FONT SIZE=5>Aquí va el texto</FONT>
- COLOR: Indica el color del texto. El lenguaje estándar de HTML maneja 14 colores que puedes usar porque ya están predefinidos tanto por su nombre en inglés como por un número de referencia.
HTML entiende ambas opciones, sin embargo es mucho más sencillo que te los aprendas por sus nombres.
Ejemplo: <FONT COLOR=GREEN>Aquí va el texto en color verde</FONT>
Lista de los colores incluyendo su número:
Black #000000 Silver #C0C0C0 Gray #808080
White #FFFFFF Maroon #800000 Purple #800080
Fuchsia #FF00FF Green #008000 Lime #00FF00
Olive #808000 Yellow #FFFF00 Navy#000080
Teal #008080 Aqua #00FFFF
- ETIQUETAS PARA PÁRRAFOS
Nuevo párrafo (dos espacios): <P>
Línea horizontal: <HR>
Salto de línea (un espacio): <BR>
- ETIQUETAS PARA GENERAR LISTAS
Las listas sirven para desplegar la información que debe ser enumerada o tabulada de una manera organizada.
Lista numerada: Numera los párrafos u objetos que se encuentran dentro de la siguiente estructura:
<OL>
<LI> Primer párrafo u objeto.
<LI> Segundo párrafo u objeto.
Etc...
</OL>
Lista con viñetas: Inserta un punto negro a los párrafos u objetos que se encuentran dentro de la siguiente estructura:
<UL>
<LI> Primer párrafo u objeto.
<LI> Segundo párrafo u objeto.
Etc...
</UL>
- ETIQUETAS PARA VÍNCULOS A OTRAS DIRECCIONES INTERNAS O EXTERNAS
Permiten al usuario navegar con facilidad a través de la red, creando vínculos que lleven hacia una misma parte del website o hacia otros sitios web.
Las etiquetas HTML que se encargan de generar los vínculos son <A> y </A>.
A esta etiqueta se le debe agregar el "URL" con el que se desea vincular. Esto se realiza de la siguiente manera:
<A HREF="URL">Texto del vínculo</A>
yayayaa
ResponderEliminar