Guia HTML

Formatos básicosExisten muchas posibilidades de dar formato a los textos HTML. Ahora sólo veremos algunos aspectos básicos. Veremos:

A.CabecerasB.Tipo de letraC.Formato de fraseD.Formato de párrafoE.Otros formatos

Cabeceras

Existen seis etiquetas para diferencias cabeceras:

Etiqueta Ejemplo

<H1> ... </H1>

Cabecera de nivel 1

<H2> ... </H2> Cabecera de nivel 2





Se utilizan para separar partes dentro de la página.

Tipo de letra

Todas estas etiquetas nos permiten cambiar de una manera u otra el aspecto del tipo de letra que estemos utilizando y se pueden utilizar con tiras de caracteres dentro de un párrafo.

Etiqueta Descripción Ejemplo

<U> ... </U> Subrayar. Esto es un texto subrayado

<B> ... </B> Texto en negrita. Y éste lo pongo en negrita

<I> ... </I> Texto en cursiva.Correcto, éste lo he puesto en cursiva

<S> ... </S> Tachar texto. Como no me gusta lo tacho

<BIG> ... </BIG> Incrementar tamaño del tipo de letra. Me hago más grande

<SMALL> ... </SMALL>

Disminuir tamaño del tipo de letra.

Y ahora pequeñito

<SUP> ... </SUP> Superíndice. Lo que quieras al cuadrado 2

<SUB> ... </SUB> Subíndice. Si quiero poner un subíndice 1

Formato de frase

Para mostrar tipos especiales, aunque no son muy utilizados.


<STRONG> ... </STRONG> Esto es importante. Esto es importante.

<EM> ... </EM> Esto también, por eso le doy énfasis.

A esto le doy énfasis.

<CITE> ... </CITE> Si quiero citar un texto.Esto lo escribió Cervantes

<CODE> ... </CODE> Si quiero mostrar código fuente. if x=0;

<VAR> ... </VAR> Y para mostrar una variable de un código.

Esta variable x está a cero

Formato del párrafo

Estas se utilizan más:


<CENTER> ... </CENTER> Para centrar un texto. Esto está centrado

<DIV ALIGN=parámetro> ... </DIV>

Para justificar texto a la izquierda (ALIGN=LEFT), derecha (RIGHT), centro (CENTER) y justificar ambos (JUSTIFY)

Justificado a la izquierdaY esto a la derechaEsto está centrado

Esto se debería estar justificado a ambos lados

<P> Empieza un párrafo, se inserta antes del texto una línea en blanco .

Vamos a escribir un párrafo

<ADDRESS> ... </ADDRESS>

Un formato para escribir direcciones, no de correo, sino de toda la vida.

Pedro Juan Baquero Pérezc/ Alegría 13, 3º338999 La LagunaIslas Canarias

<BLOCKQUOTE> ... </BLOCKQUOTE> Una forma para citar textos.

Esto no es más que una cita mía. ¿Tiene mucha profundidad?

Otros formatos

Sólo dos ejemplos de formatos.




Comentarios en el código

<BR> Para un salto de línea.Voy a pasar unalínea

Guia HTML

Documents

Transcript of Guia HTML