TOOLS FOR HTML

Letras y Texto en HTML
|| ¿ QUE ES WWW ? || OBJETIVO DEL TUTORIAL || ¿ CÓMO USAR WWW? || ¿ CÓMO DISEÑAR ?||
||ESTRUCTURA|| LETRAS Y TEXTO || ETIQUETAS|| LIGAS|| IMÁGENES|| TEXTO Y LIGAS|| TABLAS||



Headings

Existen 6 tipos de etiquetas llamadas headings, que definen 6 tipos de letras:

< H1 > < /H1 >
< H2 > < /H2 >
< H3 > < /H3 >
< H4 > < /H4 >
< H5 > < /H5 >
< H6 > < /H6 >

Ejemplo 3.- 

 < title > Ejemplo 3.- Headings < /title > 
 < html > 
 < h1 > Hola ! < /h1 > 
 < h2 > Hola ! < /h2 > 
 < h3 > Hola ! < /h3 > 
 < h4 > Hola ! < /h4 > 
 < h5 > Hola ! < /h5 > 
 < h6 > Hola ! < /h6 > 
 < /html >

La marca < hn > ... < /hn > cambia el grosor y el tamaño de la letra (dependiendo del número que se ponga después de la h) y además inserta una línea en blanco.

Existe la etiqueta font size que modifica solo el tamaño de las letras y se utiliza como en el siguiente ejemplo:

Ejemplo 4.- 

 < title > Ejemplo 4.- font size < /title > 
 < html > 
 < font size=7 >  Hola !  < /font > 
 < font size=6 >  Hola !  < /font > 
 < font size=5 >  Hola !  < /font > 
 < font size=4 >  Hola !  < /font > 
 < font size=3 >  Hola !  < /font > 
 < font size=2 >  Hola !  < /font > 
 < font size=1 >  Hola !  < /font > 
 < /html >

Estilo Lógico VS Estilo Físico

Existen otras etiquetas que modifican el estilo de las letras y se clasifican en etiquetas de estilo lógico y etiquetas de estilo físico. Ambos tipos de etiquetas tienen equivalencias entre sí. La clasificación se hace para usarlas de manera más "natural" para la construcción de páginas.


Las etiquetas de Estilo lógico son:
< Dfn > Para letras definidas
< em > Letras itálicas enfatizadas
< cite > Cita. Para títulos de libros
< code > Para representar letras de código fuente
< kbd > Palabra clave
< samp > Ejemplo
< strong > Repintada
< var > Variable


Las etiquetas de Estilo Físico son:
< b > Gruesa
< i > Itálica
< u > Subrayada
< tt > Máquina de Escribir

Ejemplo 5.-
(En este ejemplo introducimos el uso de la etiqueta < br > que define un cambio de línea en las páginas) 

 < title > Estilo de letras < /title > 
 < html > 
 < font size=6 >
 < b >  Hola ! < /b > 
 < br > 
 < i >  Hola ! < /i > 
 < br > 
 < u >  Hola ! < /u > 
 < br > 
 < tt >  Hola ! < /tt > 
 < br > 
 < em >  Hola ! < /em > 
 < br > 
 < strong >  Hola ! < /strong > 
 < br > 
 < code >  Hola ! < /code > 
 < br > 
 < samp >  Hola ! < /samp > 
 < br > 
 < kbd >  Hola ! < /kbd > 
 < br > 
 < var >  Hola ! < /var > 
 < br > 
 < dfn >  Hola ! < /dfn > 
 < br > 
 < cite >  Hola ! < /cite > 
 < /font >
 < /html >

Existen otras opciones para las letras, como son el definir el color de la letra y símbolos especiales


Página Inicial