Imprimir
Categoría: HTML Básico
Visto: 2596

EDICIÓN DE TEXTO, COLORES NEGRITAS, SUBRAYADO Y OTROS

 

Ya hemos observado en los anteriores artículos etiquetas que nos permiten escribir con nuestros caracteres especiales como tildes y la eñe.  Vimos la etiqueta párrafo <p> que nos permite realizar cambios estructurales a los párrafos y organizar así nuestro contenido. Ahora veremos unas etiquetas particulares que nos permiten realizar el cambio de color, colocar negritas, cursivas o subrayado.  Estas etiquetas son <Font>, <b>, <u>, <i>.

 

Etiqueta <Font>

Esta etiqueta nos permite realizar el cambio de colores del texto con el atributo color, el cambio del tamaño de la letra con el atributo size y el cambio de la fuente de la letra con el atributo face.  Existen otros atributos que pueden observar en el siguiente link. https://developer.mozilla.org/es/docs/Web/HTML/Elemento/font

 

Etiqueta <b>

Esta etiqueta permite al texto seleccionado estar en negrita o negrilla debe cerrarse, si no todo el documento estaría en negrita.

Ver atributos aquí https://developer.mozilla.org/es/docs/Web/HTML/Elemento/b

Etiqueta <u>

La etiqueta <u> permite que el texto este subrayado debe cerrarse como en el caso de la etiqueta <b>  

Ver atributos aquí https://developer.mozilla.org/es/docs/Web/HTML/Elemento/u

Etiqueta <i>

Esta permite que el texto este en cursiva no tiene atributos especiales

Ver atributos aquí https://developer.mozilla.org/es/docs/Web/HTML/Elemento/i

 

A continuación, observamos un ejemplo de código donde se puede observar cómo se mezclan las diferentes etiquetas para editar texto.

 

 

 

<!doctype html>

<head>

<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

<title>Etiquetas de texto</title></head>

<body bgcolor="#fdef89">

<br><br><p align="center">Etiquetas de texto

<br>

<font size="14" color="#fd490f" face="Tahoma">

Este texto tiene color, tamaño de letra 14 y fuente Tahoma

</font>

<br><br>

<b>Este Texto se encuentra en negrita con tamaño de letra normal</b><br><br>

<u>Este texto se encuenta subrayado con tamaño de letra normal</u><br><br>

<i>Este texto se encuentra en cursiva con tamaño de letra normal</i><br><br>

<b><u>El texto se encuenta en negrita y subrayado</u></b><br><br>

<b><u><i>El texto se encuentra en negrita, subrayado, cursiva y con tamaño de letra normal </i></u></b> <br><br>

 

<font size="8" color="#fd490f" face="Comic Sans MC"><b><u><i>

El texto se encuentra en negrita, subrayado, cursiva. Tiene color, tamaño de letra 8 y fuente Comic Sans MC

</i></u></b></font>

</p></body></html>

 

Resultado