SlideShare una empresa de Scribd logo
1 de 5
COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMOS FUTURO
Carlos Andrés Cuadros Bautista 904
PAGINA WEB 3
FORMATEAR EL TEXTO <FONT>
Las propiedades del texto pueden modificarse a través de la etiqueta <font>. Para
ello, podemos insertar el texto entre las etiquetas <font> y </font>, especificando
algunos de los atributos de la etiqueta:
EJEMPLO: Por ejemplo, para insertar el texto:
Bienvenidos a www.aulaclic.com
Habría que escribir:
<font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans
Serif">Bienvenidos a www.aulaclic.com</font>
Resaltado del texto <b>:
Existen una serie de etiquetas que permiten aplicar diferentes estilos
al texto que se encuentra entre ellas, y generalmente se utilizan para
resaltarlo. Estos estilos pueden agruparse segúnvayan asociados al
tipo de letra o a la informaciónque represente el texto. No hay que
olvidar que todas estas etiquetas necesitan una etiqueta de cierre, y
que pueden aplicarse vPor ejemplo,para insertar el texto:
EJEMPLO:
Bienvenidos a www.aulaclic.com
Habría que escribir:
<font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans
Serif">Bienvenidos a
<b><u><tt>www.aulaclic.com</tt></u></b></font>
arias etiquetas al mismo texto.
Párrafos <p>
El texto de una página puede agruparse en párrafos.Para ello, el texto
de cada uno de los párrafos debe insertarse entre las etiquetas <p> y
</p>.
No es necesario insertar la etiqueta <br> para que un nuevo párrafo
aparezca debajo del anterior, ya que las etiquetas <p> y </p> hacen
que se cambie de línea automáticamente.
También es posible cambiar la alineación del texto de cada párrafo.
Para ello se modificael valor del atributo align, cuyos valores pueden
ser left (izquierda), right (derecha), center (centrado) o
EJEMPLO:
Bienvenidos a mi página.
Aquí encontraréis cursos de formaciónmuy interesantes.
Habría que escribir:
<p align="center">Bienvenidos a mi p&aacutegina.</p>
<p>Aqu&iacute encontrar&eacuteis cursos de formaci&oacutenmuy
interesantes.</p>
Encabezados <h1>
Existen una serie de encabezados que suelen utilizarse para
establecertítulos dentro de una página. La diferenciaentre los
distintos tipos de encabezado es el tamaño de la letra, el tipo de
resaltado, y la separación existente entre el texto y los elementos que
tiene encima y debajo de él. Hay que tener en cuanta que el
navegador del usuario es el que aplicará el estilo del encabezado por
lo que el mismo título se puede visualizar de forma diferente segúnel
navegador.
Marquesinas <marquee>
Las marquesinas son líneas de texto que puedendesplazarse de un
lado a otro de la ventana en forma de línea.
Para insertar una marquesina, es necesario insertar el texto entre las
etiquetas <marquee> y </marquee>.
La marquesina, por defecto,se desplaza de derechaa izquierda
indefinidamente,pero si lo deseas puedes hacer que estas
propiedades varíen.
A través del atributo behavior puede modificarse el tipo de movimiento.
Puede tomar los valores alternate (de lado a lado de la ventana, como
si rebotara en los extremos), scroll (de un lado a otro, continuamente)
o slide (de un lado a otro, pero una sola vez).
EJEMPLO:
<marquee bgcolor="#006699" behavior="alternate" direction="right">
<b><font color="#FFFFCC" size="5">Esto es una marquesina
</font></b>
</marquee>

Más contenido relacionado

La actualidad más candente (18)

Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
3 johan
3 johan3 johan
3 johan
 
Trabajo de cely word
Trabajo de cely wordTrabajo de cely word
Trabajo de cely word
 
Trabajo de cely word
Trabajo de cely wordTrabajo de cely word
Trabajo de cely word
 
Pagina web 3.
Pagina web 3.Pagina web 3.
Pagina web 3.
 
Agudelicias
AgudeliciasAgudelicias
Agudelicias
 
Web 2
Web 2Web 2
Web 2
 
Trabajo en clase
Trabajo en clase Trabajo en clase
Trabajo en clase
 
Exc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoExc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafranco
 
pagina web III
pagina web IIIpagina web III
pagina web III
 
Lorena
LorenaLorena
Lorena
 
Pagina web 3 final
Pagina web 3 finalPagina web 3 final
Pagina web 3 final
 
Exc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafrancoExc12 unidad 3 html_mayrafranco
Exc12 unidad 3 html_mayrafranco
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
PAGINA
PAGINAPAGINA
PAGINA
 
TEXTO HTML
TEXTO HTMLTEXTO HTML
TEXTO HTML
 

Destacado

Destacado (9)

Flujograma0
Flujograma0Flujograma0
Flujograma0
 
Opaaa Test title
Opaaa Test titleOpaaa Test title
Opaaa Test title
 
Refrán del quijote cb
Refrán del quijote cbRefrán del quijote cb
Refrán del quijote cb
 
Economic Times 10 June 2010
Economic Times 10 June 2010Economic Times 10 June 2010
Economic Times 10 June 2010
 
Ameri Resources Brochure
Ameri Resources BrochureAmeri Resources Brochure
Ameri Resources Brochure
 
Testpresentation
TestpresentationTestpresentation
Testpresentation
 
Test el relieve y su modelado
Test el relieve y su modeladoTest el relieve y su modelado
Test el relieve y su modelado
 
mobile-number-portability
mobile-number-portabilitymobile-number-portability
mobile-number-portability
 
IDENTIFICAR PAISAJES
IDENTIFICAR PAISAJESIDENTIFICAR PAISAJES
IDENTIFICAR PAISAJES
 

Similar a Pagina web 3 (20)

Mmml
MmmlMmml
Mmml
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
HTML 3
HTML 3HTML 3
HTML 3
 
unidad 3
unidad 3unidad 3
unidad 3
 
Peres el crack
Peres el crackPeres el crack
Peres el crack
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Colegio nacional nicolas esguerra iii
Colegio nacional nicolas esguerra iiiColegio nacional nicolas esguerra iii
Colegio nacional nicolas esguerra iii
 
Nmvkhl
NmvkhlNmvkhl
Nmvkhl
 
Yees
YeesYees
Yees
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Pagina wEb 3
Pagina wEb 3Pagina wEb 3
Pagina wEb 3
 
2
22
2
 
valentin 2
valentin 2valentin 2
valentin 2
 
Texto del html
Texto del htmlTexto del html
Texto del html
 
Presentación unidad tres
Presentación unidad tresPresentación unidad tres
Presentación unidad tres
 
TAREA DEL CSS
TAREA DEL CSSTAREA DEL CSS
TAREA DEL CSS
 

Más de thefaut

Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4thefaut
 
Primer trabajo 4to periodod 904
Primer trabajo 4to periodod 904Primer trabajo 4to periodod 904
Primer trabajo 4to periodod 904thefaut
 
Drive jajajaxc
Drive jajajaxcDrive jajajaxc
Drive jajajaxcthefaut
 
Guia de infor 4dhfg
Guia de infor 4dhfgGuia de infor 4dhfg
Guia de infor 4dhfgthefaut
 
Guia de infor 4
Guia de infor 4 Guia de infor 4
Guia de infor 4 thefaut
 
Guia de informatica
Guia de informaticaGuia de informatica
Guia de informaticathefaut
 
Guia de infor 4.pptx
 Guia de infor 4.pptx Guia de infor 4.pptx
Guia de infor 4.pptxthefaut
 
Tarjeta
Tarjeta  Tarjeta
Tarjeta thefaut
 
Santiago
SantiagoSantiago
Santiagothefaut
 
Santiago
SantiagoSantiago
Santiagothefaut
 
Tarjeta Personal
Tarjeta PersonalTarjeta Personal
Tarjeta Personalthefaut
 

Más de thefaut (20)

Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Primer trabajo 4to periodod 904
Primer trabajo 4to periodod 904Primer trabajo 4to periodod 904
Primer trabajo 4to periodod 904
 
Drive
Drive Drive
Drive
 
Drive
Drive Drive
Drive
 
Drive
Drive Drive
Drive
 
Drive jajajaxc
Drive jajajaxcDrive jajajaxc
Drive jajajaxc
 
1145876
11458761145876
1145876
 
5443
54435443
5443
 
Guia de infor 4dhfg
Guia de infor 4dhfgGuia de infor 4dhfg
Guia de infor 4dhfg
 
twyery
twyerytwyery
twyery
 
njybh
njybhnjybh
njybh
 
Guia de infor 4
Guia de infor 4 Guia de infor 4
Guia de infor 4
 
Guia de informatica
Guia de informaticaGuia de informatica
Guia de informatica
 
Guia de infor 4.pptx
 Guia de infor 4.pptx Guia de infor 4.pptx
Guia de infor 4.pptx
 
Tarjeta
Tarjeta  Tarjeta
Tarjeta
 
Tarjeta
TarjetaTarjeta
Tarjeta
 
Santiago
SantiagoSantiago
Santiago
 
Santiago
SantiagoSantiago
Santiago
 
Tarjeta Personal
Tarjeta PersonalTarjeta Personal
Tarjeta Personal
 
Unidad3
Unidad3Unidad3
Unidad3
 

Último

PIAnGIMNACIA___19655c35a563e33___ 2.pdfh
PIAnGIMNACIA___19655c35a563e33___ 2.pdfhPIAnGIMNACIA___19655c35a563e33___ 2.pdfh
PIAnGIMNACIA___19655c35a563e33___ 2.pdfhjonathancallenteg
 
manual de usuario de automovil nissan march 2010-2016
manual de usuario de automovil nissan march 2010-2016manual de usuario de automovil nissan march 2010-2016
manual de usuario de automovil nissan march 2010-20161angort
 
Inyección electrónica, Diagnostico por imagenes.pdf
Inyección electrónica, Diagnostico por imagenes.pdfInyección electrónica, Diagnostico por imagenes.pdf
Inyección electrónica, Diagnostico por imagenes.pdfmiltonantonioescamil
 
la historia de nissan skyline y su evolucion
la historia de nissan skyline y su evolucionla historia de nissan skyline y su evolucion
la historia de nissan skyline y su evolucionemanuelrosalezsanche
 
lollllllllllllllllllllllllllllllllllllllllllllllll
lolllllllllllllllllllllllllllllllllllllllllllllllllollllllllllllllllllllllllllllllllllllllllllllllll
lollllllllllllllllllllllllllllllllllllllllllllllllJesusFlores332
 
TIPOS DE TENDIDO DE CAMA XXXXXXXXXXXXXXX
TIPOS DE TENDIDO DE CAMA XXXXXXXXXXXXXXXTIPOS DE TENDIDO DE CAMA XXXXXXXXXXXXXXX
TIPOS DE TENDIDO DE CAMA XXXXXXXXXXXXXXXCamiloAlejandroMonte1
 

Último (6)

PIAnGIMNACIA___19655c35a563e33___ 2.pdfh
PIAnGIMNACIA___19655c35a563e33___ 2.pdfhPIAnGIMNACIA___19655c35a563e33___ 2.pdfh
PIAnGIMNACIA___19655c35a563e33___ 2.pdfh
 
manual de usuario de automovil nissan march 2010-2016
manual de usuario de automovil nissan march 2010-2016manual de usuario de automovil nissan march 2010-2016
manual de usuario de automovil nissan march 2010-2016
 
Inyección electrónica, Diagnostico por imagenes.pdf
Inyección electrónica, Diagnostico por imagenes.pdfInyección electrónica, Diagnostico por imagenes.pdf
Inyección electrónica, Diagnostico por imagenes.pdf
 
la historia de nissan skyline y su evolucion
la historia de nissan skyline y su evolucionla historia de nissan skyline y su evolucion
la historia de nissan skyline y su evolucion
 
lollllllllllllllllllllllllllllllllllllllllllllllll
lolllllllllllllllllllllllllllllllllllllllllllllllllollllllllllllllllllllllllllllllllllllllllllllllll
lollllllllllllllllllllllllllllllllllllllllllllllll
 
TIPOS DE TENDIDO DE CAMA XXXXXXXXXXXXXXX
TIPOS DE TENDIDO DE CAMA XXXXXXXXXXXXXXXTIPOS DE TENDIDO DE CAMA XXXXXXXXXXXXXXX
TIPOS DE TENDIDO DE CAMA XXXXXXXXXXXXXXX
 

Pagina web 3

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA EDIFICAMOS FUTURO Carlos Andrés Cuadros Bautista 904 PAGINA WEB 3 FORMATEAR EL TEXTO <FONT> Las propiedades del texto pueden modificarse a través de la etiqueta <font>. Para ello, podemos insertar el texto entre las etiquetas <font> y </font>, especificando algunos de los atributos de la etiqueta: EJEMPLO: Por ejemplo, para insertar el texto: Bienvenidos a www.aulaclic.com Habría que escribir:
  • 2. <font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a www.aulaclic.com</font> Resaltado del texto <b>: Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto que se encuentra entre ellas, y generalmente se utilizan para resaltarlo. Estos estilos pueden agruparse segúnvayan asociados al tipo de letra o a la informaciónque represente el texto. No hay que olvidar que todas estas etiquetas necesitan una etiqueta de cierre, y que pueden aplicarse vPor ejemplo,para insertar el texto:
  • 3. EJEMPLO: Bienvenidos a www.aulaclic.com Habría que escribir: <font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a <b><u><tt>www.aulaclic.com</tt></u></b></font> arias etiquetas al mismo texto. Párrafos <p> El texto de una página puede agruparse en párrafos.Para ello, el texto de cada uno de los párrafos debe insertarse entre las etiquetas <p> y </p>. No es necesario insertar la etiqueta <br> para que un nuevo párrafo aparezca debajo del anterior, ya que las etiquetas <p> y </p> hacen que se cambie de línea automáticamente. También es posible cambiar la alineación del texto de cada párrafo. Para ello se modificael valor del atributo align, cuyos valores pueden ser left (izquierda), right (derecha), center (centrado) o EJEMPLO: Bienvenidos a mi página. Aquí encontraréis cursos de formaciónmuy interesantes. Habría que escribir: <p align="center">Bienvenidos a mi p&aacutegina.</p> <p>Aqu&iacute encontrar&eacuteis cursos de formaci&oacutenmuy interesantes.</p>
  • 4. Encabezados <h1> Existen una serie de encabezados que suelen utilizarse para establecertítulos dentro de una página. La diferenciaentre los distintos tipos de encabezado es el tamaño de la letra, el tipo de resaltado, y la separación existente entre el texto y los elementos que tiene encima y debajo de él. Hay que tener en cuanta que el navegador del usuario es el que aplicará el estilo del encabezado por lo que el mismo título se puede visualizar de forma diferente segúnel navegador. Marquesinas <marquee> Las marquesinas son líneas de texto que puedendesplazarse de un lado a otro de la ventana en forma de línea. Para insertar una marquesina, es necesario insertar el texto entre las etiquetas <marquee> y </marquee>.
  • 5. La marquesina, por defecto,se desplaza de derechaa izquierda indefinidamente,pero si lo deseas puedes hacer que estas propiedades varíen. A través del atributo behavior puede modificarse el tipo de movimiento. Puede tomar los valores alternate (de lado a lado de la ventana, como si rebotara en los extremos), scroll (de un lado a otro, continuamente) o slide (de un lado a otro, pero una sola vez). EJEMPLO: <marquee bgcolor="#006699" behavior="alternate" direction="right"> <b><font color="#FFFFCC" size="5">Esto es una marquesina </font></b> </marquee>