Lecciones

Curso HTML | Dar formato al texto | Insertar contenido | Subiendo nuestra pagina web
Imprimir

Dando formato al texto con HTML


Como ya vimos en lecciones anteriores, el lenguaje HTML sirve para dar formato a una página Web, cambiar colores, tamaños y demás. Hay etiquetas especificas que sirven para dar formato al texto.



Insertar párrafos y saltos de linea

Para definir un párrafo debemos encerrar el texto entre <p> y </p> y si queremos insertar un salto de linea solo basta con un <br />, recuerden que cuando presionamos ENTER no inserta un salto de linea.



Cambiar el formato de un texto

Hay varias etiquetas que nos permiten modificar el formato de un texto, por ejemplo si queremos un texto en Negrita utilizamos <b></b>:

Para cambiar el texto a cursiva utilizamos <i></i>:

Para subrayar un texto lo encerramos entre <u></u>:



Insertar listas

Las listas son muy importantes, muchas veces tendremos que utilizarlas para ordenar nuestro contenido. Tendremos que usar dos etiquetas para formar una lista, la primera es <ul></ul> con la que indicamos que comenzaremos una lista, y la segunda es <li></li> donde insertamos los items de la lista, se utiliza así:

<ul>

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

Eso se vería así:



Títulos encabezados

Hay varios niveles de encabezados, con ellos definiremos títulos y subtítulos, lo encabezados se definen con:



Hay 6 niveles de encabezados para utilizar.



Alinear texto

Para alinear textos utilizaremos la etiqueta <div> (esta tiene mas usos, ya los veremos mas adelante) donde podremos elegir la ubicación, si queremos que el texto se centre lo haremos así:

<div align=”center”>texto centrado</div>

El atributo “align” nos permite indicarle la ubicación, si le asignamos “left” el texto irá a la izquierda, si ponemos “center” irá al centro y si le ponemos “right” se situará a la derecha.





Siguiente lección: Insertando contenido



¿Que puntuación le darías a este tutorial?


Si tienes alguna duda puedes entrar al foro y registrarte para que te ayudemos entre todos.