InicioCurso de HTML › Dando formato al texto con HTML

Dando formato al texto con HTML

Tabla de contenido (4 lecciones)
  1. 1. Curso completo de HTML
  2. 2. Dando formato al texto con HTML (actual)
  1. 3. Insertando contenido con HTML
  2. 4. Rutas absolutas y relativas
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>:

  • Esto es un texto en Negrita

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

  • Texto en Cursiva

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

  • Texto subrayado



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í:

  • Item 1

  • Item 2

  • Item 3



Títulos encabezados

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

  • <h1></h1>: Encabezado 1

    • <h2></h2>: Encabezado 2

      • <h3></h3>: Encabezado 3



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

Curso: Curso de HTML