El formato del texto dentro del cuerpo de la página puede modificarse
aplicando los siguientes formatos: Negrita (bold):
Se encierra el texto entre las etiquetas <b> y </b>.
Esta <b>palabra</b> aparecerá en negrita.
Estas etiquetas y atributos se mostraran como esta aquí abajo.
Esta palabra aparecerá en negrita.
-Itálica o cursiva (italic): Se encierra el texto entre las
etiquetas <i> y </i>.
Esta <i> palabra </i> aparecerá en cursiva.
Estas etiquetas y atributos se mostraran como esta aqui abajo
Esta palabra aparecerá en cursiva.
-Subrayado (underline): Se encierra el texto entre las etiquetas
<u> y </u>.
Esta <u> palabra </u> aparecerá en subrayado.
Estas etiquetas y atributos se mostraran como esta aquí abajo.
Esta palabra aparecerá en cursiva.
-Subíndice: Se encierra el texto entre las etiquetas
<sub> y </sub>.
La formula del agua es H <sub>2</sub>O
Estas etiquetas y atributos se mostraran como esta aqui abajo.
H20
-Superíndice: Se encierra el texto entre las etiquetas
<sup> y </sup>.
El resultado de 2 <sup>3</sup> es 8
Estas etiquetas y atributos se mostraran como esta aqui abajo.
23 es 8
Podemos combinar varios formatos anidando sus etiquetas, por ejemplo
si queremos escribir un texto en negrita y cursiva, podremos
hacerlo de las siguientes formas siempre y cuando se aniden
correctamente:
<u><i>Texto</i></u>
Estas etiquetas y atributos se mostraran como esta aqui abajo
Texto
No sólo se puede modificar el aspecto del texto, también se puede
cambiar su tamaño, tipo o color mediante la etiqueta <font>.
Dicha etiqueta utiliza el atributo size para cambiar el tamaño
aceptando valores desde el 1 (muy pequeño) hasta el 7 (muy grande).
Si no se indica nada el valor por defecto es el 3:
El texto puede cambiar de <font size=”6?>tamaño</Font>
Aquí abajo veremos como se muestra las etiquetas y atributos.
El texto puede cambiar de tamaño
Se puede cambiar de igual manera el color del texto mediante el
atributo color con colores predeterminados o en hexadecimal:
<font color=”#FF0000?>Este texto está en color rojo</font>
Aquí abajo veremos como se muestra las etiquetas y atributos.
Este texto ésta de color rojo
Otro atributo de <font> es face que permite cambiar el tipo de
fuente usado por defecto indicándolo como valor:
Este texto esta en la fuente por defecto <font face=”impact”>Este
texto está en otro tipo de fuente</font>
Este texto esta en la fuente por defecto <font face=”impact”>Caminante no hay camino.</font>
Estas etiquetas y atributos se mostraran como esta aqui abajo.
Este texto ésta en la fuente por defecto Caminante no hay camino.
El tipo de fuente deberá de estar instalado en el ordenador del
cliente, si no , el navegador emplerán el tipo de letra por defecto
(Times New Roman), haciendo que el aspecto de la página sea
imprevisible, por esa razón debemos
de usar tipos de fuente estándar. Para evitar esto podemos secuenciar
varios tipos de letra separados con comas para en caso de no
encontrar uno pruebe con el siguiente:
<font face=”impact, arial”>Caminante no hay camino</font>
Estas etiquetas y atributos se mostraran como esta aqui abajo
Caminante no hay camino.
Aquí abajo veremos como se muestra las etiquetas y atributos.Caminante no hay caminoCuando diseñamos una web se debe organizar la información por temas, capítulos , secciones o cualquier otra divisián
que nos permita hacerla más legible. Para ello se pueden utilizar las etiquetas de encabezado donde “x” es un valor del 1 al 6 segán la importancia en nuestra web:
<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>
Aquí abajo veremos como se muestra las etiquetas y atributos.
Encabezado de nivel 1
Encabezado de nivel 2
Encabezado de nivel 3
Encabezado de nivel 4
Encabezado de nivel 5
Encabezado de nivel 6
Además estos encabezados admiten el atributo align para alinearlos
en la izquierda (left), derecha (right) o centrados (center):
<h1 align=”left”>EL QUIJOTE: Prólogo</h1>
<h1 align=”justify”>EL QUIJOTE: Prólogo</h1>
<h1 align=”right”>EL QUIJOTE: Prólogo</h1>
<h1 align=”center”>EL QUIJOTE: Prólogo</h1>
Aquí abajo veremos como se muestra las etiquetas y atributos.
EL QUIJOTE: Prólogo
EL QUIJOTE: Prólogo
EL QUIJOTE: Prólogo
EL QUIJOTE: Prólogo
