Menú

Enlaces

Visitas

3.3. Texto

3.3.1. Encabezados (Header)

Únicamente existen estas 6 etiquetas:
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
Ejemplo:
<h1>Encabezado de nivel 1.</h1>
<h2>Encabezado de nivel 2.</h2>
<h3>Encabezado de nivel 3.</h3>
<h4>Encabezado de nivel 4.</h4>
<h5>Encabezado de nivel 5.</h5>
<h6>Encabezado de nivel 6.</h6>
Texto.
Resultado:

Encabezado de nivel 1.

Encabezado de nivel 2.

Encabezado de nivel 3.

Encabezado de nivel 4.

Encabezado de nivel 5.
Encabezado de nivel 6.
Texto.

3.3.2. Párrafo (Paragraph)

Está delimitado por las etiquetas:
<p></p>
Ejemplo:
<p>Texto con párrafo 1. Salta una línea en blanco.</p><p>Texto con párrafo 2. Saltará una línea en blanco cuando acabe el texto de este párrafo.</p>Más texto.
Resultado:

Texto con párrafo 1. Salta una línea en blanco.

Texto con párrafo 2. Saltará una línea en blanco cuando acabe el texto de este párrafo.

Más texto.

3.3.3. Salto de línea (Break)

Es la etiqueta:
<br>
Ejemplo:
Salto de línea.<br>Este es el salto de línea. No necesita cierre.
Resultado:
Salto de línea.
Este es el salto de línea. No necesita cierre.

3.3.4. Negrita (Bold)

Está delimitado por las etiquetas:
<b></b>
Ejemplo:
Este texto no está en negrita. <b>Texto en negrita.</b> Y este tampoco está en negrita.
Resultado:
Este texto no está en negrita. Texto en negrita. Y este tampoco está en negrita.

3.3.5. Resaltado

Está delimitado por las etiquetas:
<strong></strong>
Ejemplo:
Texto no resaltado. <strong>Texto resaltado. Normalmente negrita. Depende de navegador.</strong> Continúa sin el texto resaltado.
Resultado:
Texto no resaltado. Texto resaltado. Normalmente negrita. Depende de navegador. Continúa sin el texto resaltado.

3.3.6. Itálica (Italic)

Está delimitado por las etiquetas:
<i></i>
Ejemplo:
Texto. <i>Texto en Itálica. (Italic).</i> Más texto.
Resultado:
Texto. Texto en Itálica. (Italic). Más texto.

3.3.7. Subrayado (Underlined)

Está delimitado por las etiquetas:
<u></u>
Ejemplo:
Texto. <u>Texto Subrayado. (Underlined).</u> Más texto.
Resultado:
Texto. Texto Subrayado. (Underlined). Más texto.

3.3.8. Supraíndice

Está delimitado por las etiquetas:
<sup></sup>
Ejemplo:
4<sup>2</sup> = 16
Resultado:
42 = 16

3.3.9. Subíndice

Está delimitado por las etiquetas:
<sub></sub>
Ejemplo:
H<sub>2</sub>O.
Resultado:
H2O.

3.3.10. Fuente (font).

Está delimitado por las etiquetas:
<font></font>
Ejemplo:
Texto. <font face="Century Gothic">Texto en Century Gothic.</font> Más texto.
Resultado:
Texto. Texto en Century Gothic. Más texto.

3.3.10.1. Atributos

Va dentro de la etiqueta:
<font>

3.3.10.1.1. face (Tipo de letra)

Cuando hay varias fuentes elige la primera, si no está instalada elige la siguiente, así hasta que finalice la lista y si no encuentra ninguna el navegador cogerá la suya que tiene por defecto.
Ejemplo:
<font face="century">face="century"</font><br>
<font face="arial">face="arial"</font><br>
<font face="verdana">face="verdana"</font><br>
<font face="century,arial,verdana">face="century,arial,verdana"</font>
Resultado:
face="century"
face="arial"
face="verdana"
face="century,arial,verdana"

3.3.10.1.2. size (Tamaño de la letra)

Puede ser valores absolutos o relativos.
3.3.10.1.2.1. Absolutos
Sólo van del 1 al 7.
Ejemplo:
<font size=1>size=1</font><br>
<font size=2>size=2</font><br>
<font size=3>size=3</font><br>
<font size=4>size=4</font><br>
<font size=5>size=5</font><br>
<font size=6>size=6</font><br>
<font size=7>size=7</font>
Resultado:
size=1
size=2
size=3
size=4
size=5
size=6
size=7
3.3.10.1.2.2. Relativos
Los tamaños reales que veremos en pantalla dependerán de la definición y del tamaño de fuente elegido por el usuario en el navegador.
<font size=+1>
<font size=-3>
<font size=+5>
Ejemplo:
<font size=1>size=1.</font> Tamaño del texto por defecto. <font size=4>(size=4. Si ponemos un signo más (+) <font size=+2 color="red">size=+2</font> o un signo menos (-) <font size=-2 color="red">size=-2</font> subiremos o bajaremos los niveles de tamaño respecto al actual.)</font>
Resultado:
size=1. Tamaño del texto por defecto. (size=4. Si ponemos un signo más (+) size=+2 o un signo menos (-) size=-2 subiremos o bajaremos los niveles de tamaño respecto al actual.)

3.3.10.1.3. color (Color de la letra)

3.3.10.1.3.1. Predeterminados
Ejemplo:
<font color="Aqua">Este texto está en color="Aqua"</font><br>
<font color="Black">Este texto está en color="Black"</font><br>
<font color="Blue">Este texto está en color="Blue"</font><br>
<font color="Gray">Este texto está en color="Gray"</font><br>
<font color="Green">Este texto está en color="Green"</font><br>
<font color="Lime">Este texto está en color="Lime"</font><br>
<font color="Maroon">Este texto está en color="Maroon"</font><br>
<font color="Navy">Este texto está en color="Navy"</font><br>
<font color="Olive">Este texto está en color="Olive"</font><br>
<font color="Purple">Este texto está en color="Purple"</font><br>
<font color="Red">Este texto está en color="Red"</font><br>
<font color="Silver">Este texto está en color="Silver"</font><br>
<font color="Teal">Este texto está en color="Teal"</font><br>
<font color="white">Este texto está en color="White"</font><br>
<font color="Yellow">Este texto está en color="Yellow"</font>
Resultado:
Este texto está en color="Black"
Este texto está en color="Blue"
Este texto está en color="Gray"
Este texto está en color="Green"
Este texto está en color="Lime"
Este texto está en color="Maroon"
Este texto está en color="Navy"
Este texto está en color="Olive"
Este texto está en color="Purple"
Este texto está en color="Red"
Este texto está en color="Silver"
Este texto está en color="Teal"
Este texto está en color="White"
Este texto está en color="Yellow"
3.3.10.1.3.2. Todos
Para elegir cualquier color RGB (Red,Green,Blue) se debe definir por ejemplo así: color="#FF0099". Son valores hexadecimales. #RGB. Donde el valor FF se refiere al rojo (red), el valor 00 al verde (green) y el valor 99 al azul (blue). Evidentemente los valores de cualquiera de los colores van desde 00 a FF. (0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F)(00...0F,10...1F,20...2F,...,F0...FF).
Ejemplo:
<font color="#0055AA">Este texto está en color="#0055AA"</font><br>
<font color="#00AA55">Este texto está en color="#00AA55"</font><br>
<font color="#5500AA">Este texto está en color="#5500AA"</font><br>
<font color="#55AA00">Este texto está en color="#55AA00"</font><br>
<font color="#AA5500">Este texto está en color="#AA5500"</font><br>
<font color="#AA0055">Este texto está en color="#AA0055"</font>
Resultado:
Este texto está en color="#0055AA"
Este texto está en color="#00AA55"
Este texto está en color="#5500AA"
Este texto está en color="#55AA00"
Este texto está en color="#AA5500"
Este texto está en color="#AA0055"


« 3.2. Caracteres especiales
3.4. Listas »
♼