Conociendo El Entorno De HTML
Enviado por l30r15 • 10 de Agosto de 2014 • 1.569 Palabras (7 Páginas) • 222 Visitas
Guía Básica de HTML
El lenguaje HTML (Hypertext Markup Language) se creo para que la información en la red viaje de una manera rápida y precisa, para la construcción de páginas web.
Los navegadores de Internet (Internet Explorer, Firefox o Netscape) lo decodifican para describir la estructura y el contenido de una página en forma de textos e imágenes.
Para comenzar, debemos saber que HTML utiliza una codificación genérica, la cual hace uso de TAGS o etiquetas, mediante las cuales es posible separar el contenido del documento de su formato.
Las TAGS son comandos que se especifican en el cuerpo del documento, con el fin de darle las características deseadas a la información.
Se escribe entre corchetes angulares y se definen con dos elementos:
TAGS de inicio. Son las que le indican al navegador que inicia un proceso de formato. Por ejemplo <B> le dice al programa que las letras siguientes van en “negritas”.
TAGS de cierre: Le dicen al navegador que detenga el formato particular que venía editando. Las etiquetas de cierre son idénticas a las de inicio excepto por un pequeño detalle: debe de incluir una / (diagonal) inmediatamente después del primer corchete.
Por ejemplo: </B> le indica al programa que hasta ahí terminan las letras en “negritas”.
A continuación se indicarán las etiquetas de mayor uso en la creación de páginas web que te servirán como referencia rápida:
1) Inicio de página: <html>
2) Cierre de página: </html>
3) Toda página Web debe contener la siguiente estructura:
<HTML>
<HEAD>
<TITLE>Indicar Titulo</TITLE>
</HEAD>
<BODY>Escribir contenido </BODY>
</HTML>
Todo el texto que escribamos entre la etiqueta de apertura <html> y la de cierre </html>será considerado por el navegador como html.
• La cabecera (head) tiene información del contenido de nuestra página. (Esta parte es relevante para los motores de búsqueda y no es visible para los visitantes.). La cabecera va entre las etiquetas: <head> </head>.
• El título (title) de la página que sí podrá ver el usuario sobre la barra de información de su navegador. (Franja azul que está situada en la parte de arriba de la ventana en la que abre el navegador). El título va entre las etiquetas: <title> </title>.
• En el cuerpo del documento (body) se colocan el texto y las imágenes. El cuerpo va entre las etiquetas: <body> </body>.
Dentro del cuerpo (body) de tu documento html estarán todas las cosas que tus visitantes podrán ver: texto, imágenes, tablas, colores, enlaces, etcétera.
También puedes usar otras etiquetas html para dar formato al texto o a los diferentes elementos de la página como el color, el tipo y tamaño de letra, la alineación, entre otros, veamos algunas:
4. 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>
5. 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>
6. 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
7. ETIQUETAS PARA PÁRRAFOS
Nuevo párrafo (dos espacios): <P>
Línea horizontal: <HR>
Salto de línea (un espacio): <BR>
8. ETIQUETAS PARA GENERAR LISTAS
Las
...