El post que buscas se encuentra eliminado, pero este también te puede interesar

Tutorial HTML - 002

En el Tutorial anterior vimos que el sistema de HTML nos permite crear sitios web como una forma de representar la informacion... Vimos que el HTML se compone de etiquetas basicas de texto simple, creadas por medio de los simbolos < y >.

El HTML nos permite tambien agregar una serie de atributos o propiedades a las tags. Esto se hace en le etiqueta de inicio asi... <p color="red">texto de color rojo</p> las tags p's nos permiten generar un texto en forma de parrafo y con el atributo color le podemos cambiar el color al parrafo. en este caso usamos el valor de 'red' para el atributo color.

<p color="red">texto de color rojo</p> esto se puede leer como: quiero un parrafo de texto normal pero con el color rojo.

el formato de los atributos que nos proporciona el HTML es el siguiente...
dijo:<etiqueta atributo1="valor1" atributo2="valor2" atributoN="valorN">Contenido normal de la etiqueta</etiqueta>[/quote]

siempre se debe de respetar el formato de atributo="valor" todo en minusculas y encerrar el valor entre comilla doble.

Veamos un ejemplo practico....

__________________________________

<html>

<head>

<title>Ejemplo de uso de atributos en HTML</title>

</head>

<body>


<p color="red" align="center">ejemplo de texto centrado gracias al atributo align y de color rojo</p>


</body>

</html>

__________________________________

si guardamos este ejemplo en el bloc de notas de windows como loquequieras.html y lo habrimos en un navegador de internet como mozilla o chrome... veras algo como esto en la pantalla.

ejemplo de texto centrado gracias al atributo align y de color rojo


tambien podemos lograr el mismo resultado sin usar el atributo align, gracias a las tags <center> y </center>

dijo:<center><p color="red">texto de ejemplo pero sin atributo align</p></center>[/quote]

Una cosa muy importante de HTML es el anidamiento correcto de las tags.. si ves el ejemplo de arriba ves que iniciamos con una tag <center> y una tag <p> entonces debemos de acabar con una tag </p> y despues una tag </center>. primera tag que habrimos ultima tag que cerramos.

Los saltos de linea

Para hacer que el cursor de un salto de linea y empezar a escribir otro parrafo o texto desde otra linea debemos de usar la tag <br />

como puedes ver esta es una de las tags especiales las cuales no tiene cierre veamos un ejemplo practico sobre el uso de esta tag.

-------------------------------------------------

<html>

<head>

<title>Ejemplo de uso de BR</title>

</head>



<body>

Vamos a separar estos dos textos gracias al uso de la tag BR saludos para los tarinqueros.

<br />

Vamos a separar estos dos textos gracias al uso de la tag BR saludos para los tarinqueros




</body>



</html>
----------------------------------------------------------------

Si guardas este ejemplo como lo hemos venido haciendo con la extension .html veras que los dos textos se han separado uno debajo del otro, pero si quitas el tag <br /> el texto continuara hasta que se corte..

Barras Horizontales

El HTML nos permite tambien generar una barra separadora horizontal, esto se logra con otra de las tags especiales que son sin cierre, la tag <hr />.

Veamos un ejemplo practico...

_______________________________

<html>

<head>
<title>Ejemplo practico con el uso de HR</title>
</head>

<body>

<p>El codigo Da Vinci</p>

<hr />

<p>
El Autor Dan Brown logro hacerse famoso gracias a esta fantastica novela que relata la historia del santo grial y la verdad oculta... con su mitico personaje Robert Landon..
</p>

</body>

</html>


_________________________________
si guardas este ejemplo como lo hemos estado haciendo loquequieras.html y lo ves en el navegador podras ver el texto y el titulo separados por una linea horizontal...

<title>

Seguramente ya te has estado preguntando para que sirve la etiqueta <title> si el usuario no la puede ver (recuerdas que el usuario o visitante de tu pagina solo puede ver lo que esta dentro del body..) pues esta tag sirve para poner informacion tecnica de la pagina web...

El tag title nos permite poner un titulo a la ventana o pestaña del navegador mientras visita nuestra pagina... si te fijas el title de taringa es: Taringa! - Inteligencia Colectiva....

Bueno hasta aqui llega este segundo tutorial de HTML recuerden practicar y practicar lo mas posible lo aprendido...

Anuncios

0 comentarios - Tutorial HTML - 002