SlideShare una empresa de Scribd logo
1 de 5
COLEGIO NACIONALNICOLASESGUERRA
EDIFICAMOSFUTURO
PABLOJOSE GONZALEZMORALES
SERGIO LEONARDOGUZMAN RODRIGUEZ 904
Formatear el texto<font>:
Las propiedadesdel textopuedenmodificarse atravésde la etiqueta<font>.Paraello,podemos
insertarel textoentre lasetiquetas<font>y</font>,especificandoalgunosde losatributosde la
etiqueta:
Resaltadodel texto<b>
Existenunaserie de etiquetasque permitenaplicardiferentesestilosal textoque se encuentra
entre ellas,ygeneralmentese utilizanpararesaltarlo.Estosestilospuedenagruparse segúnvayan
asociadosal tipode letrao a la informaciónque representeel texto.Nohayque olvidarque todas
estasetiquetasnecesitanunaetiquetade cierre,yque puedenaplicarse variasetiquetasal mismo
texto.
A continuaciónse muestranalgunasetiquetasasociadasal tipode letra:
Párrafos <p>
El textode unapágina puede agruparse enpárrafos.Paraello,el textode cadaunode lospárrafos
debe insertarse entre lasetiquetas<p>y </p>.
No esnecesarioinsertarlaetiqueta<br>para que unnuevopárrafoaparezca debajodel anterior,
ya que lasetiquetas<p>y </p> hacenque se cambie de líneaautomáticamente.
Tambiénesposible cambiarlaalineacióndel textode cadapárrafo.Para ellose modificael valor
del atributoalign,cuyosvalorespuedenserleft(izquierda),right(derecha),center(centrado)o
justify(justificado).
Encabezados <h1>
Existenunaserie de encabezadosque suelenutilizarseparaestablecertítulosdentrode una
página.La diferenciaentre losdistintostiposde encabezadoesel tamañode laletra,el tipode
resaltado,yla separaciónexistente entre el textoyloselementosque tiene encimaydebajode él.
Hay que tenerencuentaque el navegadordel usuarioesel que aplicaráel estilodel encabezado
por loque el mismotítulose puede visualizarde formadiferentesegúnel navegador.
Existenseisetiquetasque representanseistiposde cabecerasdistintas.Todasestasetiquetas
precisanunaetiquetade cierre.
A continuaciónse muestranlosdistintosencabezadosexistentes:
Marquesinas <marquee>:
Las marquesinassonlíneasde textoque puedendesplazarse de unladoaotro de laventanaen
formade línea.
Para insertarunamarquesina,esnecesarioinsertarel textoentre lasetiquetas<marquee>y
</marquee>.
La marquesina,pordefecto,se desplazade derechaaizquierdaindefinidamente,perosi lodeseas
puedeshacerque estaspropiedadesvaríen.A travésdel atributobehaviorpuede modificarse el
tipode movimiento.Puede tomarlosvaloresalternate (de ladoaladode laventana,comosi
rebotaraen losextremos),scroll (de unladoaotro, continuamente) oslide (deunladoa otro,
perouna solavez).
A travésdel atributodirectionpuedemodificarseladirecciónenlaque se moveráel texto.Puede
tomar losvaloresdown(de arribaa abajo),up(de abajoa arriba),left(de derechaaizquierda) o
left(de izquierdaaderecha).
Tambiénesposible estableceruncolorde fondo,através del atributobgcolor.
CODIGO:
<html>
<head>
<P ALIGN="CENTER"><tt><title>PRODUCTOSGY G 904</tt></title></P>
</head>
<!--PaginawebelaboradaporPabloGonzalezySergioGuzman904 //-->
<bodybgcolor="green">
<hr>
<MARQUEE><i><b>BIENVENIDO A NUESTRA WEB CORPORATIVA</b></i></MARQUEE><br>
<hr>
<H3>Brindamos losmejoresproductos</H3><br>
<P ALIGN="CENTER"><font color="black"size="5"face="ComicSans
MS"><B>SPARTAAAA<B></font><br>
<P ALIGN="CENTER"><fontcolor="blue"size="4"face="ComicSansMS"><B>THIS
IS<B></font><br>
<P ALIGN="CENTER">Somoslaempresaconmas variedadde productosque vandesde
alimentos,electrodomesticos,ropa,armasnucleares,guardaespaldas,seriesypeliculaspiratasy
originales,etc...</P>
<fontcolor="black"size="5"face="ComicSansMS">ProductosG y G</front>
<fontcolor="red"size="4"face="Arial">Losmejores</front>
<hr align="center"width="50%"size="5"color="yellow"noshade>
<pre> <P ALIGN="CENTER">Copyright2015
<P ALIGN="CENTER">Colegionacional nicolasesguerra
<P ALIGN="CENTER">Cll 34 No. BRONXy la"L" Bogota,Colombia
<P ALIGN="CENTER">abuelogay@gmail.com</pre>
</body>
</html>

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Formato de texto y caracteres especiales
Formato de texto y caracteres especialesFormato de texto y caracteres especiales
Formato de texto y caracteres especiales
 
Actividad tres
Actividad tresActividad tres
Actividad tres
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
ETIQUETAS
ETIQUETASETIQUETAS
ETIQUETAS
 
Decimo guia1 informatica
Decimo guia1 informaticaDecimo guia1 informatica
Decimo guia1 informatica
 
Silem htmll
Silem htmllSilem htmll
Silem htmll
 
Aplicaciones en la red
Aplicaciones en la redAplicaciones en la red
Aplicaciones en la red
 
Diferencias entre xml y html
Diferencias entre xml y htmlDiferencias entre xml y html
Diferencias entre xml y html
 
Que es html
Que es htmlQue es html
Que es html
 
¿Qué es CSS?
¿Qué es CSS?¿Qué es CSS?
¿Qué es CSS?
 
Semana 5 html
Semana 5  htmlSemana 5  html
Semana 5 html
 
Colegio nacional nicolas esguerra edifi...
Colegio nacional nicolas esguerra                                       edifi...Colegio nacional nicolas esguerra                                       edifi...
Colegio nacional nicolas esguerra edifi...
 
Actividad nº6
Actividad nº6Actividad nº6
Actividad nº6
 
Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web" Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web"
 
¿Qué es HTML5?
¿Qué es HTML5?¿Qué es HTML5?
¿Qué es HTML5?
 
Pagina web iii
Pagina web iiiPagina web iii
Pagina web iii
 
Apwe html intro
Apwe html introApwe html intro
Apwe html intro
 
Ana aristega xml y html
Ana aristega xml y htmlAna aristega xml y html
Ana aristega xml y html
 
HTML
HTMLHTML
HTML
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 

Similar a Colegio nacional nicolas esguerra (20)

Gtgtgeg
GtgtgegGtgtgeg
Gtgtgeg
 
Pagina web 3.
Pagina web 3.Pagina web 3.
Pagina web 3.
 
g5rg5tr
g5rg5trg5rg5tr
g5rg5tr
 
Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
 
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 3.Pagina web 3.
Pagina web 3.
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
pagina web III
pagina web IIIpagina web III
pagina web III
 
HTML 3
HTML 3HTML 3
HTML 3
 
html
htmlhtml
html
 
unidad 3
unidad 3unidad 3
unidad 3
 
TEXTO HTML
TEXTO HTMLTEXTO HTML
TEXTO HTML
 
trabajo
trabajotrabajo
trabajo
 
Peres el crack
Peres el crackPeres el crack
Peres el crack
 
Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
 
Texto
TextoTexto
Texto
 
Texto
TextoTexto
Texto
 
Yees
YeesYees
Yees
 
Trabajo en clase
Trabajo en clase Trabajo en clase
Trabajo en clase
 

Más de sergioguzman013 (20)

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerrra
Colegio nacional nicolas esguerrraColegio nacional nicolas esguerrra
Colegio nacional nicolas esguerrra
 
Tgvtvkyu
TgvtvkyuTgvtvkyu
Tgvtvkyu
 
Fugjihuy7
Fugjihuy7Fugjihuy7
Fugjihuy7
 
Fugjihuy7
Fugjihuy7Fugjihuy7
Fugjihuy7
 
Hftgjhfgjfbd
HftgjhfgjfbdHftgjhfgjfbd
Hftgjhfgjfbd
 
Sxstgdjh
SxstgdjhSxstgdjh
Sxstgdjh
 
Sxstgdjh
SxstgdjhSxstgdjh
Sxstgdjh
 
Sxstgdjh
SxstgdjhSxstgdjh
Sxstgdjh
 
Gtutdc7 ytrf
Gtutdc7 ytrfGtutdc7 ytrf
Gtutdc7 ytrf
 
Presentación1
Presentación1Presentación1
Presentación1
 
Yh56n6tj
Yh56n6tjYh56n6tj
Yh56n6tj
 
Noticias)
Noticias)Noticias)
Noticias)
 
Presentacionmy6
Presentacionmy6Presentacionmy6
Presentacionmy6
 
Gsdgdsg
GsdgdsgGsdgdsg
Gsdgdsg
 
Pablllllllo
PabllllllloPablllllllo
Pablllllllo
 
Uygvfugyuhuyk
UygvfugyuhuykUygvfugyuhuyk
Uygvfugyuhuyk
 
Gv
GvGv
Gv
 
Excel
ExcelExcel
Excel
 
Excel
ExcelExcel
Excel
 

Colegio nacional nicolas esguerra

  • 1. COLEGIO NACIONALNICOLASESGUERRA EDIFICAMOSFUTURO PABLOJOSE GONZALEZMORALES SERGIO LEONARDOGUZMAN RODRIGUEZ 904 Formatear el texto<font>: Las propiedadesdel textopuedenmodificarse atravésde la etiqueta<font>.Paraello,podemos insertarel textoentre lasetiquetas<font>y</font>,especificandoalgunosde losatributosde la etiqueta: Resaltadodel texto<b> Existenunaserie de etiquetasque permitenaplicardiferentesestilosal textoque se encuentra entre ellas,ygeneralmentese utilizanpararesaltarlo.Estosestilospuedenagruparse segúnvayan asociadosal tipode letrao a la informaciónque representeel texto.Nohayque olvidarque todas estasetiquetasnecesitanunaetiquetade cierre,yque puedenaplicarse variasetiquetasal mismo texto.
  • 2. A continuaciónse muestranalgunasetiquetasasociadasal tipode letra: Párrafos <p> El textode unapágina puede agruparse enpárrafos.Paraello,el textode cadaunode lospárrafos debe insertarse entre lasetiquetas<p>y </p>. No esnecesarioinsertarlaetiqueta<br>para que unnuevopárrafoaparezca debajodel anterior, ya que lasetiquetas<p>y </p> hacenque se cambie de líneaautomáticamente. Tambiénesposible cambiarlaalineacióndel textode cadapárrafo.Para ellose modificael valor del atributoalign,cuyosvalorespuedenserleft(izquierda),right(derecha),center(centrado)o justify(justificado). Encabezados <h1> Existenunaserie de encabezadosque suelenutilizarseparaestablecertítulosdentrode una página.La diferenciaentre losdistintostiposde encabezadoesel tamañode laletra,el tipode resaltado,yla separaciónexistente entre el textoyloselementosque tiene encimaydebajode él. Hay que tenerencuentaque el navegadordel usuarioesel que aplicaráel estilodel encabezado por loque el mismotítulose puede visualizarde formadiferentesegúnel navegador.
  • 3. Existenseisetiquetasque representanseistiposde cabecerasdistintas.Todasestasetiquetas precisanunaetiquetade cierre. A continuaciónse muestranlosdistintosencabezadosexistentes: Marquesinas <marquee>: Las marquesinassonlíneasde textoque puedendesplazarse de unladoaotro de laventanaen formade línea. Para insertarunamarquesina,esnecesarioinsertarel textoentre lasetiquetas<marquee>y </marquee>. La marquesina,pordefecto,se desplazade derechaaizquierdaindefinidamente,perosi lodeseas puedeshacerque estaspropiedadesvaríen.A travésdel atributobehaviorpuede modificarse el tipode movimiento.Puede tomarlosvaloresalternate (de ladoaladode laventana,comosi
  • 4. rebotaraen losextremos),scroll (de unladoaotro, continuamente) oslide (deunladoa otro, perouna solavez). A travésdel atributodirectionpuedemodificarseladirecciónenlaque se moveráel texto.Puede tomar losvaloresdown(de arribaa abajo),up(de abajoa arriba),left(de derechaaizquierda) o left(de izquierdaaderecha). Tambiénesposible estableceruncolorde fondo,através del atributobgcolor. CODIGO: <html> <head> <P ALIGN="CENTER"><tt><title>PRODUCTOSGY G 904</tt></title></P> </head> <!--PaginawebelaboradaporPabloGonzalezySergioGuzman904 //--> <bodybgcolor="green">
  • 5. <hr> <MARQUEE><i><b>BIENVENIDO A NUESTRA WEB CORPORATIVA</b></i></MARQUEE><br> <hr> <H3>Brindamos losmejoresproductos</H3><br> <P ALIGN="CENTER"><font color="black"size="5"face="ComicSans MS"><B>SPARTAAAA<B></font><br> <P ALIGN="CENTER"><fontcolor="blue"size="4"face="ComicSansMS"><B>THIS IS<B></font><br> <P ALIGN="CENTER">Somoslaempresaconmas variedadde productosque vandesde alimentos,electrodomesticos,ropa,armasnucleares,guardaespaldas,seriesypeliculaspiratasy originales,etc...</P> <fontcolor="black"size="5"face="ComicSansMS">ProductosG y G</front> <fontcolor="red"size="4"face="Arial">Losmejores</front> <hr align="center"width="50%"size="5"color="yellow"noshade> <pre> <P ALIGN="CENTER">Copyright2015 <P ALIGN="CENTER">Colegionacional nicolasesguerra <P ALIGN="CENTER">Cll 34 No. BRONXy la"L" Bogota,Colombia <P ALIGN="CENTER">abuelogay@gmail.com</pre> </body> </html>