Desarrollo web N04 Formateando el texto

Cordiales Saludos

webgratis.png

Formateando el Texto

Existen varias etiquetas que nos permiten darle un formato especial a las palabras, frases o textos cortos. Se utilizan para enriquecer el formato, llamar la atención o para que resalte a la vista.

    <h1> Encabezado </h1>

    <p> Texto normal o regular, se usa en los párrafos</p> 
  
    <i> Texto en cursiva </i> 
    
    <b> Texto en negrita </b> 
    
    <strong> Texto reforzado </strong> 
    
    <small> Texto pequeño </small> 
    
    <sub> Texto subíndice </sub> 
    
    <sup> Texto superíndice </sup> 
    
    <ins> Texto insertado </ins> 

.

A continuación una imagen donde tenemos el código y como se ve reflejado en el explorador

html4.png

Link de este ejercicio
Repositorio HTML5 en github

Para verlo línea por línea, tengo un video en youtube:

Para complementar este tema, puedes revisar los siguientes links.

En developer.mozilla
En w3schools


web_separador.png

Elementos Vacios

Son etiquetas especiales que no necesitan un par de [< > y de </ >] como las que vimos en la publicación anterior.

Salto de linea

Nos permite realizar un salto de línea en el texto o retorno del carro.

<br>
charset="UTF-8"

Para que el explorador nos muestren: ñ, acentos y caracteres especiales.

<meta charset="UTF-8" />

Más adelante en próximas publicaciones veremos otras etiquetas de este tipo (elementos Vacios).


web_separador.png

Comentarios

Todo código escrito a veces necesita ser aclarado, informar lo que hacer, qué significa o una observación de lo que se escribió.
En HTML los comentarios se esriben así:

web4comentario.png


web_separador.png

Para revisasr las tres publicaciones anteriores:
Desarrollo web Nuestro primer HOLA MUNDO
Desarrollo web N02 Estructura básica de una página en HTML5
Desarrollo web N03 Las Etiquetas


web_separador.png

Mi twitter
Nos vemos en una próxima entrega!
Rafael Aquino

H2
H3
H4
3 columns
2 columns
1 column
Join the conversation now
Ecency