SlideShare una empresa de Scribd logo
1 de 4
Colegio Nacional Nicolás Esguerra
Edificamos futuro
George AndréGuerrero Garzón
Juan Sebastián Gómez Osorio
Unidad 3. El texto (III)
Formatear el texto<font>...
Las propiedadesdel textopuedenmodificarse atravésde la etiqueta <font>.Paraello, podemos
insertarel textoentre lasetiquetas <font>y</font>,especificandoalgunosde losatributosde la
etiqueta:
<font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans
Serif">Bienvenidos a www.aulaclic.com</font>
Resaltado del 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.
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).
Por ejemplo,parainsertarel texto:
Habría que escribir:
<p align="center">Bienvenidosami p&aacutegina.</p>
<p>Aqu&iacute encontrar&eacuteiscursosde formaci&oacutenmuyinteresantes.</p>
Otra formade cambiarla alineacióndel textoesmediantelasetiquetas<div>y</div>,para las
que tambiénexisteel atributoalign.Laetiqueta<div>,al igual que laetiqueta<p>,se utilizapara
agrupar bloquesde texto,peroconladiferenciade que laseparaciónentre ellosesmenor.
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 tenerencuanta que el navegadordel usuarioesel que aplicaráel estilodel encabezado
por loque el mismotítulose puede visualizarde formadiferentesegúnel navegador.
Existenseisetiquetasque representanseistiposde cabeceras distintas.Todasestasetiquetas
precisanunaetiquetade cierre.
A continuaciónse muestranlosdistintosencabezadosexistentes:
<html>08:28 a.m. 14/10/2015
<head>
<title>indusanmotorssa905</title>
</head>
<!-- paginaelaboradapor George Guerrero905 //-->.
<bodybgcolor="silver">
<hr>
<marquee bgcolor="black"behavior="alternate"direction="right">
<b><fontcolor="0033ff" size="7">bienvenidosalawebbugatti</font></b>
</marquee>
<hr>
<b><font color="white"size="7">bugatti</font></b>
<hr>
bienvenidosanuestrawebcorporativa<br>
<hr>
<hr>
Bugatti ha presentadoenprimiciamundialenel Salónde Frankfurtel show carde suproyecto
desarrollado
especialmenteparael videojuegoGranTurismo.Este Bugatti VisiónGranTurismose apoyaenla
tecnologíamás
reciente enmateriade deportesmecánicosyprefiguratambiénlosfuturosmodelosde lamarcaa
nivel del diseño.
nuestraempresalleva7añosbrindandoserviciosde altacalidad
<hr align="center"width="50%"size="5"color="blue"noshade>
<pre>
copyrigth2015
colegionacional nicolasesguerra
crr52b #40a 06 sur- bogota- colombia
</pre>
</body>
</html>

Más contenido relacionado

La actualidad más candente

La actualidad más candente (12)

Html y xml
Html   y   xmlHtml   y   xml
Html y xml
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
Trabajo en clase
Trabajo en clase Trabajo en clase
Trabajo en clase
 
Introducción a la creación de páginas web
Introducción a la creación de páginas webIntroducción a la creación de páginas web
Introducción a la creación de páginas web
 
3 septimo
3 septimo3 septimo
3 septimo
 
Diseño web clase02
Diseño web clase02Diseño web clase02
Diseño web clase02
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
valentin 2
valentin 2valentin 2
valentin 2
 
Tallere3
Tallere3Tallere3
Tallere3
 
Como automatizar texto en Word 2003 con la funcion autotexto - Tutorial en Es...
Como automatizar texto en Word 2003 con la funcion autotexto - Tutorial en Es...Como automatizar texto en Word 2003 con la funcion autotexto - Tutorial en Es...
Como automatizar texto en Word 2003 con la funcion autotexto - Tutorial en Es...
 
Peres el crack
Peres el crackPeres el crack
Peres el crack
 
Trabajofinal 8
Trabajofinal 8Trabajofinal 8
Trabajofinal 8
 

Destacado (7)

Nayibe parra
Nayibe parraNayibe parra
Nayibe parra
 
The Conscientious Objector Issue #1
The Conscientious Objector Issue #1The Conscientious Objector Issue #1
The Conscientious Objector Issue #1
 
Calendario Equipo Femenino
Calendario Equipo FemeninoCalendario Equipo Femenino
Calendario Equipo Femenino
 
The Cold War Begins Chapter 15
The Cold War Begins Chapter 15The Cold War Begins Chapter 15
The Cold War Begins Chapter 15
 
Concept of god according to hindu scriptures
Concept of god according to hindu scripturesConcept of god according to hindu scriptures
Concept of god according to hindu scriptures
 
Timeline of the War of Austrian Succession
Timeline of the War of Austrian SuccessionTimeline of the War of Austrian Succession
Timeline of the War of Austrian Succession
 
werawat5
werawat5werawat5
werawat5
 

Similar a Texto (20)

Colegio nacional nicolas esguerra iii
Colegio nacional nicolas esguerra iiiColegio nacional nicolas esguerra iii
Colegio nacional nicolas esguerra iii
 
Pagina wEb 3
Pagina wEb 3Pagina wEb 3
Pagina wEb 3
 
Mmml
MmmlMmml
Mmml
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
TEXTO HTML
TEXTO HTMLTEXTO HTML
TEXTO HTML
 
trabajo
trabajotrabajo
trabajo
 
2
22
2
 
pagina web III
pagina web IIIpagina web III
pagina web III
 
pagina web III
pagina web IIIpagina web III
pagina web III
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Pagina web 3 final
Pagina web 3 finalPagina web 3 final
Pagina web 3 final
 
Web
WebWeb
Web
 
Web 2
Web 2Web 2
Web 2
 
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)
 
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
 
Nicolas 2
Nicolas 2Nicolas 2
Nicolas 2
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
HTML 3
HTML 3HTML 3
HTML 3
 

Más de George Guerrero Garzon (20)

Trabajo final
Trabajo finalTrabajo final
Trabajo final
 
Marcos
MarcosMarcos
Marcos
 
Trabajo final
Trabajo finalTrabajo final
Trabajo final
 
tablas
tablastablas
tablas
 
Imagenes
ImagenesImagenes
Imagenes
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
evidencias
evidenciasevidencias
evidencias
 
TRABAJO FINAL DE ACCESS 2010
TRABAJO FINAL DE ACCESS 2010TRABAJO FINAL DE ACCESS 2010
TRABAJO FINAL DE ACCESS 2010
 
Plantilla icontec
Plantilla icontecPlantilla icontec
Plantilla icontec
 
Nxt 2
Nxt 2Nxt 2
Nxt 2
 
Crusigramamamamamamam xd dx
Crusigramamamamamamam xd dxCrusigramamamamamamam xd dx
Crusigramamamamamamam xd dx
 
Sin título 1
Sin título 1Sin título 1
Sin título 1
 
Objetos
Objetos Objetos
Objetos
 
Objetos
ObjetosObjetos
Objetos
 
Variables De Scratch
Variables De Scratch Variables De Scratch
Variables De Scratch
 
Secuencias de scratch
Secuencias de scratchSecuencias de scratch
Secuencias de scratch
 
La honestidad
La honestidadLa honestidad
La honestidad
 
Unidad 8
Unidad 8Unidad 8
Unidad 8
 
Unidad 7
Unidad 7Unidad 7
Unidad 7
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 

Último

GEODESIA pptx.pdfhhjjgjkhkjhgyfturtuuuhhuh
GEODESIA pptx.pdfhhjjgjkhkjhgyfturtuuuhhuhGEODESIA pptx.pdfhhjjgjkhkjhgyfturtuuuhhuh
GEODESIA pptx.pdfhhjjgjkhkjhgyfturtuuuhhuhmezabellosaidjhon
 
Origen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to SecOrigen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to Secssuser50da781
 
26 de abril teoria exposición. El arte en la
26 de abril teoria exposición. El arte en la26 de abril teoria exposición. El arte en la
26 de abril teoria exposición. El arte en laMIRIANGRACIELABARBOZ
 
Cuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
CuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfjCuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
CuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfjLuisMartinez556504
 
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfdiagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfDreydyAvila
 
Concepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasConcepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasAnkara2
 
Arribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolArribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolLuis José Ferreira Calvo
 
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...albertodeleon1786
 
Catálogo Mayo en Artelife Regalería Cristiana
Catálogo Mayo en Artelife Regalería CristianaCatálogo Mayo en Artelife Regalería Cristiana
Catálogo Mayo en Artelife Regalería Cristianasomosartelife
 
Supremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmSupremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmolivayasser2
 
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptxSEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptxLisetteChuquisea
 
LAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxLAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxJheissonAriasSalazar
 
Geometría para alumnos de segundo medio A
Geometría para alumnos de segundo medio AGeometría para alumnos de segundo medio A
Geometría para alumnos de segundo medio APabloBascur3
 
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaUnitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaEmmanuel Toloza
 
MESOPOTAMIA Y SU ARQUITECTURA 1006/An)cris
MESOPOTAMIA Y SU ARQUITECTURA 1006/An)crisMESOPOTAMIA Y SU ARQUITECTURA 1006/An)cris
MESOPOTAMIA Y SU ARQUITECTURA 1006/An)crisDanielApalaBello
 
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdfcomo me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdfleonar947720602
 
MODELO DE UNIDAD 2 para primer grado de primaria
MODELO DE UNIDAD 2 para primer grado de primariaMODELO DE UNIDAD 2 para primer grado de primaria
MODELO DE UNIDAD 2 para primer grado de primariaSilvanaSoto13
 

Último (17)

GEODESIA pptx.pdfhhjjgjkhkjhgyfturtuuuhhuh
GEODESIA pptx.pdfhhjjgjkhkjhgyfturtuuuhhuhGEODESIA pptx.pdfhhjjgjkhkjhgyfturtuuuhhuh
GEODESIA pptx.pdfhhjjgjkhkjhgyfturtuuuhhuh
 
Origen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to SecOrigen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to Sec
 
26 de abril teoria exposición. El arte en la
26 de abril teoria exposición. El arte en la26 de abril teoria exposición. El arte en la
26 de abril teoria exposición. El arte en la
 
Cuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
CuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfjCuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
Cuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
 
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfdiagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
 
Concepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasConcepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena Olvieras
 
Arribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolArribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y español
 
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...
 
Catálogo Mayo en Artelife Regalería Cristiana
Catálogo Mayo en Artelife Regalería CristianaCatálogo Mayo en Artelife Regalería Cristiana
Catálogo Mayo en Artelife Regalería Cristiana
 
Supremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmSupremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxm
 
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptxSEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
 
LAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxLAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docx
 
Geometría para alumnos de segundo medio A
Geometría para alumnos de segundo medio AGeometría para alumnos de segundo medio A
Geometría para alumnos de segundo medio A
 
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaUnitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
 
MESOPOTAMIA Y SU ARQUITECTURA 1006/An)cris
MESOPOTAMIA Y SU ARQUITECTURA 1006/An)crisMESOPOTAMIA Y SU ARQUITECTURA 1006/An)cris
MESOPOTAMIA Y SU ARQUITECTURA 1006/An)cris
 
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdfcomo me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
 
MODELO DE UNIDAD 2 para primer grado de primaria
MODELO DE UNIDAD 2 para primer grado de primariaMODELO DE UNIDAD 2 para primer grado de primaria
MODELO DE UNIDAD 2 para primer grado de primaria
 

Texto

  • 1. Colegio Nacional Nicolás Esguerra Edificamos futuro George AndréGuerrero Garzón Juan Sebastián Gómez Osorio Unidad 3. El texto (III) Formatear el texto<font>... Las propiedadesdel textopuedenmodificarse atravésde la etiqueta <font>.Paraello, podemos insertarel textoentre lasetiquetas <font>y</font>,especificandoalgunosde losatributosde la etiqueta: <font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a www.aulaclic.com</font> Resaltado del 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. 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). Por ejemplo,parainsertarel texto: Habría que escribir: <p align="center">Bienvenidosami p&aacutegina.</p> <p>Aqu&iacute encontrar&eacuteiscursosde formaci&oacutenmuyinteresantes.</p> Otra formade cambiarla alineacióndel textoesmediantelasetiquetas<div>y</div>,para las que tambiénexisteel atributoalign.Laetiqueta<div>,al igual que laetiqueta<p>,se utilizapara agrupar bloquesde texto,peroconladiferenciade que laseparaciónentre ellosesmenor. 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 tenerencuanta que el navegadordel usuarioesel que aplicaráel estilodel encabezado por loque el mismotítulose puede visualizarde formadiferentesegúnel navegador. Existenseisetiquetasque representanseistiposde cabeceras distintas.Todasestasetiquetas precisanunaetiquetade cierre. A continuaciónse muestranlosdistintosencabezadosexistentes:
  • 3. <html>08:28 a.m. 14/10/2015 <head> <title>indusanmotorssa905</title> </head> <!-- paginaelaboradapor George Guerrero905 //-->. <bodybgcolor="silver"> <hr> <marquee bgcolor="black"behavior="alternate"direction="right"> <b><fontcolor="0033ff" size="7">bienvenidosalawebbugatti</font></b> </marquee> <hr> <b><font color="white"size="7">bugatti</font></b> <hr> bienvenidosanuestrawebcorporativa<br> <hr> <hr> Bugatti ha presentadoenprimiciamundialenel Salónde Frankfurtel show carde suproyecto desarrollado especialmenteparael videojuegoGranTurismo.Este Bugatti VisiónGranTurismose apoyaenla tecnologíamás reciente enmateriade deportesmecánicosyprefiguratambiénlosfuturosmodelosde lamarcaa nivel del diseño.