Site hosted by Angelfire.com: Build your free website today!

Universidad de El Salvador

Referencia rápida HTML


Universidad de El Salvador

El HTML (Lenguaje de marcado de hipertexto) no es más que un conjunto de etiquetas que ayudan a generar páginas web. Para hacer tus propios códigos de tus páginas, no necesitás de mucho:

Con solo esto vas a poder hacer tus páginas, pero primero tenés que conocer algunos conceptos que tenés que manejar:

Hipertexto:
Es el texto que leés en el web, o sea que leés solo lo que te interesa sin ningun orden definido (como en los libros), si no que de acuerdo a los vínculos vas directo a lo que te interesa.
Vínculo:
Son el texto o imágenes a los que les das un click para entrar a otra parte del sitio o a otro sitio diferente en el web.
URL:
Practicamente es la dirección en donde se encuentran las páginas web.
Etiqueta:
Son los atributos que le das al texto para convertirlo en una página web.
Código HTML
Es el archivo en donde se especifica el formato de la página con las etiquetas.

Es Posible que en este momento no entendás exactamente estos términos pero ya vas a ver que solo son formalidades y que los vas a manejar bien con el tiempo.



Ahora vamos con lo básico: Las etiquetas iniciales.
Las etiquetas que deben ir dentro de todo código deben ser:
<HTML>
<BODY>
[Aqui va todo el contenido de la página]
</BODY>
</HTML>

La primera, muestra que el archivo es un documento HTML y la segunda muestra el cuerpo de la página. Si te das cuenta, cada etiqueta tiene su correspondiente etiqueta de cierre. Estas etiquetas deben ir siempre porque son las que muestran el contenido de la página. Todas las demas etiquetas que mostremos en esta referencia van entre las etiquetas <BODY> </BODY>.



Bien, ahora veremos las etiquetas básicas para crear una página con texto solamente.
Primero comenzemos con el título de la página, que es el que aparece en la parte superior de la ventana del visualizador.
<TITLE> </TITLE>
Entre estas dos etiquetas ponés el título de tu página. Ejemplo:
<TITLE> El rincón 3:16 </TITLE>

Para poner títulos o temas con letras grandes utilizás la etiqueta:
<Hn> </Hn>
Donde n es un número del 1 al 6 que muestra el tamaño de las letras del tema siendo 1 el más grande y 6 el más pequeño. Ejemplo:
<H1> Referencia HTML <H1>

Para los párrafos utilizás la etiqueta:
<P> </P>
Una cosa que tenés que saber es que todo lo que escribás dentro de esta etiqueta aparecerá sin los saltos de línea que hagás en el código, si no que cada palabra aparece a continuación de la anterior con un espacio de distancia, o sea que si lo escribís todo en una sola línea es lo mismo a que lo hagás con sangría o con tabulaciones pues serán ignorados y el texto se justifica de acuerdo al ancho de la ventana del visualizador. Ejemplo:
<P> Este es un ejemplo de parrafo en HTML el cual aparecerá de acuerdo al tamaño de la ventana en que se presente sin hacer caso de los saltos de línea. </P>

Como no podés dar saltos de línea de acuerdo a como escribíste en el editor, lo hacés con la etiqueta:
<BR>
Con esta etiqueta das saltos de línea en el lugar del texto o de la página que querás. Ejemplo:
<P> En este parrafo hay <BR> un salto de linea. </P>
Esto es lo mismo a que lo escribás así:
<P> En este parrafo hay <BR>
un salto de linea. </P>

Con esto creo que ya vas entendiendo un poco la onda de las etiquetas así que aquí esta una lista de las etiquetas que se usan frecuentemente al escribir texto en las páginas web:

<I> </I>
Muestra el texto entre ellas en forma italíca (Cursiva).
<B> </B>
Muestra el texto en negritas.
<U> </U>
Muestra el texto subrayado.

Con estas etiquetas vas a poder crear páginas supersencillas pero son la bases para poder manejar todo el contenido que ofrece HTML. Recordate que ésta es solo una pequeña referencia a la introducción a HTML, para que logrés aprender bien tenes que adquirir bibliografía auxiliar.

Bien, como dije esto solo es la base pero ahora te toca a vos escoger que más querés conocer del HTML:


Lo siento, su browser no tiene Java enabled, you will not be able to chat. 

Listas || Imágenes || Vínculos || Tablas || Visita El Tazumal...|| chat de lobelto|| La casita de mark||



Email: juanr@enlinea.com.sv