SlideShare una empresa de Scribd logo
COLEGIONACIONALNICOLASESGUERRA
JUAN DIEGO CARDNASPERDOMO
MIGUEL ESTEBAN RINCON PARRA
DANIELCARDOZOPEREZ
902
Caracteres especialesyespaciosen blanco
Los caracteres< y > son doscaracteres especialesque indicaninicioyfinde etiqueta.Si se desea
insertarestoscaracterescomotextohay que escribirel nombre que losrepresenta:
< Se representacon&lt;
> Se representacon&gt;
Existenotraserie de caracteresque no se visualizancorrectamente enalgunosnavegadores,como
esel caso de lañ y las letrasacentuadas,porloque al igual que ocurre con loscaracteres
especiales<y >, para insertarloscomotextohabríaque escribirel nombre que losrepresenta.
A continuaciónse muestraunalistaconalgunoscaracteresy el nombre con el que hande ser
representados:
Siempre que se insertatextoenHTML hayque tenerencuenta que si se escribenvariosespacios
enblancoseguidossólamente se mostraráunoenel navegador.Paraconseguirque se muestren
variosespaciosenblancoseguidospuede sustituirse cadaunode ellospor&nbsp;.
Por ejemplo,parainsertarel texto:
¡Bienvenidos,estaesmi 1ª página!
Habría que escribir:
&iexcl;Bienvenidos,estaesmi&nbsp;&nbsp;&nbsp;1&ordf;&nbsp;&nbsp;&nbsp;p&aacute;gina!
Comentarios
En ocasionespodemosdesearañadircomentarios aclaratoriosdentrodel código,de maneraque
no seanvisualizadosenel navegador,perosía la horade editarel documento.
Para insertarcomentariosdentrodel código,bastaconinsertarel textoentre <!-- y//-->.
Todo el códigoque se inserte entre estossímbolosnoserávisualizadoenlosnavegadores.
Por ejemplo,parainsertarel textosiguienteconuncomentario:
¡Bienvenidos,estaesmi 1ª página!
Habría que escribir:
<!-- A continuaciónapareceráunalíneade texto//-->
&iexcl;Bienvenidos,estaesmi 1&ordf;p&aacute;gina!
Saltos de línea<br>
En general,cuandotrabajamosconuneditorde textose produce unsalto de líneaal pulsarla
teclaINTRO.
Si pulsamosINTROenun documentoHTML, el saltode línease produciráenel código,perono se
mostrará enel navegador.Paraque se produzcael saltode línea enel navegador,enlugarde
pulsarla teclaINTROhay que insertarlaetiqueta<br> donde se desee que se produzcael salto.
La etiqueta<br>no precisaningunaetiquetade cierre.Nohayque insertarlaetiqueta</br>
despuésde ella,yaque dichaetiquetanoexiste.
Por ejemplo,parainsertarel texto:
Queridosusuarios,
tengoel placerde comunicarosque hay unanuevasección.
Habría que escribir:
Queridosusuarios,<br>tengoel placerde comunicarosque hayunanuevasecci&oacuten.
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:
Por ejemplo,parainsertarel texto:
Bienvenidosawww.aulaclic.com
Habría que escribir:
<fontcolor="#993366" size="4"face="ComicSansMS, Arial,MS Sans Serif">Bienvenidosa
<b><u><tt>www.aulaclic.com</tt></u></b></font>
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:
Bienvenidosami página.
Aquí encontraréiscursosde formaciónmuyinteresantes.
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.
Por ejemplo,parainsertarel texto:
Bienvenidosami página.
Aquí encontraréiscursosde formaciónmuyinteresantes.
Habría que escribir:
<divalign="center">Bienvenidosami p&aacutegina.</div>
<div>Aqu&iacute encontrar&eacuteiscursosde formaci&oacutenmuyinteresantes.</div>
Encabezados<h1> ...
Existenunaserie de encabezadosque suelenutilizarse paraestablecertí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 usuario esel que aplicaráel estilodel encabezado
por loque el mismotítulose puede visualizarde formadiferentesegúnel navegador.
Existenseisetiquetasque representanseistiposde cabecerasdistintas.Todasestasetiquetas
precisanunaetiquetade cierre.
RESULTADO
CODIGO

Más contenido relacionado

La actualidad más candente (10)

g5rg5tr
g5rg5trg5rg5tr
g5rg5tr
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Mmml
MmmlMmml
Mmml
 
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
 
Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
 
Guia html
Guia htmlGuia html
Guia html
 
Html
HtmlHtml
Html
 
3 johan
3 johan3 johan
3 johan
 
Pagina web 3.
Pagina web 3.Pagina web 3.
Pagina web 3.
 

Destacado (20)

La habitación negrasonidosincrustados
La habitación negrasonidosincrustadosLa habitación negrasonidosincrustados
La habitación negrasonidosincrustados
 
Nuevos tiempos nuevos docentes
Nuevos tiempos nuevos docentesNuevos tiempos nuevos docentes
Nuevos tiempos nuevos docentes
 
Codigos QR
Codigos QR Codigos QR
Codigos QR
 
Power
PowerPower
Power
 
SI CONDUCES UNA BICICLETA
SI CONDUCES UNA BICICLETASI CONDUCES UNA BICICLETA
SI CONDUCES UNA BICICLETA
 
ONTOLOGIA Y ETICA FILOSOFIA
ONTOLOGIA Y ETICA FILOSOFIAONTOLOGIA Y ETICA FILOSOFIA
ONTOLOGIA Y ETICA FILOSOFIA
 
Ana Bell Chino carpeta cartón político 2003-2010
Ana Bell Chino carpeta cartón político 2003-2010Ana Bell Chino carpeta cartón político 2003-2010
Ana Bell Chino carpeta cartón político 2003-2010
 
Tarea seminario 10
Tarea seminario 10Tarea seminario 10
Tarea seminario 10
 
AVANCES TEGNOLOGICOS
AVANCES TEGNOLOGICOSAVANCES TEGNOLOGICOS
AVANCES TEGNOLOGICOS
 
Coordinadora principios+y+organización[1]
Coordinadora principios+y+organización[1]Coordinadora principios+y+organización[1]
Coordinadora principios+y+organización[1]
 
El aprendizaje proyecto
El aprendizaje  proyectoEl aprendizaje  proyecto
El aprendizaje proyecto
 
5555555
55555555555555
5555555
 
Normasapa
NormasapaNormasapa
Normasapa
 
Presentacion de diapositivas
Presentacion  de diapositivasPresentacion  de diapositivas
Presentacion de diapositivas
 
Tics. 1
Tics. 1Tics. 1
Tics. 1
 
PORTAFOLIO 3
PORTAFOLIO  3PORTAFOLIO  3
PORTAFOLIO 3
 
Biografias y presentacion
Biografias y presentacionBiografias y presentacion
Biografias y presentacion
 
Estrogenos
EstrogenosEstrogenos
Estrogenos
 
Memoria descriptiva TRES
Memoria descriptiva TRESMemoria descriptiva TRES
Memoria descriptiva TRES
 
Pasó de noche
Pasó de nochePasó de noche
Pasó de noche
 

Similar a trabajo (20)

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas 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
 
Texto del html
Texto del htmlTexto del html
Texto del html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Informática etiquetas html
Informática etiquetas htmlInformática etiquetas html
Informática etiquetas html
 
Pagina web 3.
Pagina web 3.Pagina web 3.
Pagina web 3.
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Informática etiquetas html
Informática etiquetas htmlInformática etiquetas html
Informática etiquetas html
 
etiquetas html
 etiquetas html etiquetas html
etiquetas html
 
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)
 
Yees
YeesYees
Yees
 
Documento numero 1
Documento numero 1Documento numero 1
Documento numero 1
 
Comandos html
Comandos htmlComandos html
Comandos html
 
Presentación unidad tres
Presentación unidad tresPresentación unidad tres
Presentación unidad tres
 
Web 2
Web 2Web 2
Web 2
 
Peres el crack
Peres el crackPeres el crack
Peres el crack
 

Más de jcardenasperdomo (20)

imagenes
imagenesimagenes
imagenes
 
Index4
Index4 Index4
Index4
 
Index3
Index3 Index3
Index3
 
Index2
Index2 Index2
Index2
 
Tablas
Tablas Tablas
Tablas
 
Tablas html
Tablas htmlTablas html
Tablas html
 
Index 4
Index 4Index 4
Index 4
 
Index 3
Index 3Index 3
Index 3
 
Index 2
Index 2Index 2
Index 2
 
TEXTO HTML
TEXTO HTMLTEXTO HTML
TEXTO HTML
 
IMAGENES HTML
IMAGENES HTMLIMAGENES HTML
IMAGENES HTML
 
PORTADA 4 PERIODO
PORTADA 4 PERIODOPORTADA 4 PERIODO
PORTADA 4 PERIODO
 
HTML MARQUEE ETC
HTML MARQUEE ETCHTML MARQUEE ETC
HTML MARQUEE ETC
 
Html
HtmlHtml
Html
 
EVIDENCIA BASE DE DATOS
EVIDENCIA BASE DE DATOSEVIDENCIA BASE DE DATOS
EVIDENCIA BASE DE DATOS
 
Nordef
NordefNordef
Nordef
 
NORMAS ICONTEC
NORMAS ICONTECNORMAS ICONTEC
NORMAS ICONTEC
 
Plantilla Normas Icontec
Plantilla Normas IcontecPlantilla Normas Icontec
Plantilla Normas Icontec
 
Problema base de datos
Problema base de datosProblema base de datos
Problema base de datos
 
Plantilla normas icontec
Plantilla normas icontecPlantilla normas icontec
Plantilla normas icontec
 

Último

evalaución de reforzamiento de cuarto de secundaria de la competencia lee
evalaución de reforzamiento de cuarto de secundaria de la competencia leeevalaución de reforzamiento de cuarto de secundaria de la competencia lee
evalaución de reforzamiento de cuarto de secundaria de la competencia leeMaribelGaitanRamosRa
 
Proyecto Integrador 2024. Archiduque entrevistas
Proyecto Integrador 2024. Archiduque entrevistasProyecto Integrador 2024. Archiduque entrevistas
Proyecto Integrador 2024. Archiduque entrevistasELIANAMARIBELBURBANO
 
Proyecto integrador Vereda Cujacal Centro.pptx
Proyecto integrador Vereda Cujacal Centro.pptxProyecto integrador Vereda Cujacal Centro.pptx
Proyecto integrador Vereda Cujacal Centro.pptxvanessaavasquez212
 
Poemas de Beatriz Giménez de Ory_trabajos de 6º
Poemas de Beatriz Giménez de Ory_trabajos de 6ºPoemas de Beatriz Giménez de Ory_trabajos de 6º
Poemas de Beatriz Giménez de Ory_trabajos de 6ºCEIP TIERRA DE PINARES
 
Lección 1: Los complementos del Verbo ...
Lección 1: Los complementos del Verbo ...Lección 1: Los complementos del Verbo ...
Lección 1: Los complementos del Verbo ...odalisvelezg
 
Fase 1, Lenguaje algebraico y pensamiento funcional
Fase 1, Lenguaje algebraico y pensamiento funcionalFase 1, Lenguaje algebraico y pensamiento funcional
Fase 1, Lenguaje algebraico y pensamiento funcionalYasneidyGonzalez
 
CAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCION
CAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCIONCAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCION
CAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCIONMasielPMP
 
ensayo literario rios profundos jose maria ARGUEDAS
ensayo literario rios profundos jose maria ARGUEDASensayo literario rios profundos jose maria ARGUEDAS
ensayo literario rios profundos jose maria ARGUEDASAntoineMoltisanti
 
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdfAsistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdfDemetrio Ccesa Rayme
 
El fundamento del gobierno de Dios. Lec. 09. docx
El fundamento del gobierno de Dios. Lec. 09. docxEl fundamento del gobierno de Dios. Lec. 09. docx
El fundamento del gobierno de Dios. Lec. 09. docxAlejandrino Halire Ccahuana
 
Creación WEB. Ideas clave para crear un sitio web
Creación WEB. Ideas clave para crear un sitio webCreación WEB. Ideas clave para crear un sitio web
Creación WEB. Ideas clave para crear un sitio webinformatica4
 
Módulo No. 1 Salud mental y escucha activa FINAL 25ABR2024 técnicos.pptx
Módulo No. 1 Salud mental y escucha activa FINAL 25ABR2024 técnicos.pptxMódulo No. 1 Salud mental y escucha activa FINAL 25ABR2024 técnicos.pptx
Módulo No. 1 Salud mental y escucha activa FINAL 25ABR2024 técnicos.pptxPabloPazmio14
 
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...Monseespinoza6
 
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernándezPRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernándezRuben53283
 
Material-de-Apoyo-Escuela-Sabatica-02-2-2024.pptx.ppt
Material-de-Apoyo-Escuela-Sabatica-02-2-2024.pptx.pptMaterial-de-Apoyo-Escuela-Sabatica-02-2-2024.pptx.ppt
Material-de-Apoyo-Escuela-Sabatica-02-2-2024.pptx.pptAntonioaraujo810405
 
PROYECTO INTEGRADOR ARCHIDUQUE. presentacion
PROYECTO INTEGRADOR ARCHIDUQUE. presentacionPROYECTO INTEGRADOR ARCHIDUQUE. presentacion
PROYECTO INTEGRADOR ARCHIDUQUE. presentacionyorbravot123
 
UNIDAD DE APRENDIZAJE DEL MES Junio 2024
UNIDAD DE APRENDIZAJE DEL MES  Junio 2024UNIDAD DE APRENDIZAJE DEL MES  Junio 2024
UNIDAD DE APRENDIZAJE DEL MES Junio 2024EdwardYumbato1
 
La Hegemonía Liberal en Paraguay 1904 a 1936.ppt
La Hegemonía Liberal en Paraguay 1904 a 1936.pptLa Hegemonía Liberal en Paraguay 1904 a 1936.ppt
La Hegemonía Liberal en Paraguay 1904 a 1936.pptVictorManuelCabreraC4
 

Último (20)

evalaución de reforzamiento de cuarto de secundaria de la competencia lee
evalaución de reforzamiento de cuarto de secundaria de la competencia leeevalaución de reforzamiento de cuarto de secundaria de la competencia lee
evalaución de reforzamiento de cuarto de secundaria de la competencia lee
 
Proyecto Integrador 2024. Archiduque entrevistas
Proyecto Integrador 2024. Archiduque entrevistasProyecto Integrador 2024. Archiduque entrevistas
Proyecto Integrador 2024. Archiduque entrevistas
 
Proyecto integrador Vereda Cujacal Centro.pptx
Proyecto integrador Vereda Cujacal Centro.pptxProyecto integrador Vereda Cujacal Centro.pptx
Proyecto integrador Vereda Cujacal Centro.pptx
 
Poemas de Beatriz Giménez de Ory_trabajos de 6º
Poemas de Beatriz Giménez de Ory_trabajos de 6ºPoemas de Beatriz Giménez de Ory_trabajos de 6º
Poemas de Beatriz Giménez de Ory_trabajos de 6º
 
Lección 1: Los complementos del Verbo ...
Lección 1: Los complementos del Verbo ...Lección 1: Los complementos del Verbo ...
Lección 1: Los complementos del Verbo ...
 
Sesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdfSesión: El fundamento del gobierno de Dios.pdf
Sesión: El fundamento del gobierno de Dios.pdf
 
Fase 1, Lenguaje algebraico y pensamiento funcional
Fase 1, Lenguaje algebraico y pensamiento funcionalFase 1, Lenguaje algebraico y pensamiento funcional
Fase 1, Lenguaje algebraico y pensamiento funcional
 
CAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCION
CAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCIONCAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCION
CAPACIDADES SOCIOMOTRICES LENGUAJE, INTROYECCIÓN, INTROSPECCION
 
ensayo literario rios profundos jose maria ARGUEDAS
ensayo literario rios profundos jose maria ARGUEDASensayo literario rios profundos jose maria ARGUEDAS
ensayo literario rios profundos jose maria ARGUEDAS
 
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdfAsistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
 
El fundamento del gobierno de Dios. Lec. 09. docx
El fundamento del gobierno de Dios. Lec. 09. docxEl fundamento del gobierno de Dios. Lec. 09. docx
El fundamento del gobierno de Dios. Lec. 09. docx
 
PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.
 
Creación WEB. Ideas clave para crear un sitio web
Creación WEB. Ideas clave para crear un sitio webCreación WEB. Ideas clave para crear un sitio web
Creación WEB. Ideas clave para crear un sitio web
 
Módulo No. 1 Salud mental y escucha activa FINAL 25ABR2024 técnicos.pptx
Módulo No. 1 Salud mental y escucha activa FINAL 25ABR2024 técnicos.pptxMódulo No. 1 Salud mental y escucha activa FINAL 25ABR2024 técnicos.pptx
Módulo No. 1 Salud mental y escucha activa FINAL 25ABR2024 técnicos.pptx
 
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
Productos contestatos de la Séptima sesión ordinaria de CTE y TIFC para Docen...
 
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernándezPRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
PRÁCTICAS PEDAGOGÍA.pdf_Educación Y Sociedad_AnaFernández
 
Material-de-Apoyo-Escuela-Sabatica-02-2-2024.pptx.ppt
Material-de-Apoyo-Escuela-Sabatica-02-2-2024.pptx.pptMaterial-de-Apoyo-Escuela-Sabatica-02-2-2024.pptx.ppt
Material-de-Apoyo-Escuela-Sabatica-02-2-2024.pptx.ppt
 
PROYECTO INTEGRADOR ARCHIDUQUE. presentacion
PROYECTO INTEGRADOR ARCHIDUQUE. presentacionPROYECTO INTEGRADOR ARCHIDUQUE. presentacion
PROYECTO INTEGRADOR ARCHIDUQUE. presentacion
 
UNIDAD DE APRENDIZAJE DEL MES Junio 2024
UNIDAD DE APRENDIZAJE DEL MES  Junio 2024UNIDAD DE APRENDIZAJE DEL MES  Junio 2024
UNIDAD DE APRENDIZAJE DEL MES Junio 2024
 
La Hegemonía Liberal en Paraguay 1904 a 1936.ppt
La Hegemonía Liberal en Paraguay 1904 a 1936.pptLa Hegemonía Liberal en Paraguay 1904 a 1936.ppt
La Hegemonía Liberal en Paraguay 1904 a 1936.ppt
 

trabajo

  • 1. COLEGIONACIONALNICOLASESGUERRA JUAN DIEGO CARDNASPERDOMO MIGUEL ESTEBAN RINCON PARRA DANIELCARDOZOPEREZ 902 Caracteres especialesyespaciosen blanco Los caracteres< y > son doscaracteres especialesque indicaninicioyfinde etiqueta.Si se desea insertarestoscaracterescomotextohay que escribirel nombre que losrepresenta: < Se representacon&lt; > Se representacon&gt; Existenotraserie de caracteresque no se visualizancorrectamente enalgunosnavegadores,como esel caso de lañ y las letrasacentuadas,porloque al igual que ocurre con loscaracteres especiales<y >, para insertarloscomotextohabríaque escribirel nombre que losrepresenta. A continuaciónse muestraunalistaconalgunoscaracteresy el nombre con el que hande ser representados: Siempre que se insertatextoenHTML hayque tenerencuenta que si se escribenvariosespacios enblancoseguidossólamente se mostraráunoenel navegador.Paraconseguirque se muestren variosespaciosenblancoseguidospuede sustituirse cadaunode ellospor&nbsp;.
  • 2. Por ejemplo,parainsertarel texto: ¡Bienvenidos,estaesmi 1ª página! Habría que escribir: &iexcl;Bienvenidos,estaesmi&nbsp;&nbsp;&nbsp;1&ordf;&nbsp;&nbsp;&nbsp;p&aacute;gina! Comentarios En ocasionespodemosdesearañadircomentarios aclaratoriosdentrodel código,de maneraque no seanvisualizadosenel navegador,perosía la horade editarel documento. Para insertarcomentariosdentrodel código,bastaconinsertarel textoentre <!-- y//-->. Todo el códigoque se inserte entre estossímbolosnoserávisualizadoenlosnavegadores. Por ejemplo,parainsertarel textosiguienteconuncomentario: ¡Bienvenidos,estaesmi 1ª página! Habría que escribir: <!-- A continuaciónapareceráunalíneade texto//--> &iexcl;Bienvenidos,estaesmi 1&ordf;p&aacute;gina! Saltos de línea<br> En general,cuandotrabajamosconuneditorde textose produce unsalto de líneaal pulsarla teclaINTRO. Si pulsamosINTROenun documentoHTML, el saltode línease produciráenel código,perono se mostrará enel navegador.Paraque se produzcael saltode línea enel navegador,enlugarde pulsarla teclaINTROhay que insertarlaetiqueta<br> donde se desee que se produzcael salto. La etiqueta<br>no precisaningunaetiquetade cierre.Nohayque insertarlaetiqueta</br> despuésde ella,yaque dichaetiquetanoexiste. Por ejemplo,parainsertarel texto: Queridosusuarios, tengoel placerde comunicarosque hay unanuevasección. Habría que escribir: Queridosusuarios,<br>tengoel placerde comunicarosque hayunanuevasecci&oacuten. 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
  • 3. estasetiquetasnecesitanunaetiquetade cierre,yque puedenaplicarse variasetiquetasal mismo texto. A continuaciónse muestranalgunasetiquetasasociadasal tipode letra: Por ejemplo,parainsertarel texto: Bienvenidosawww.aulaclic.com Habría que escribir: <fontcolor="#993366" size="4"face="ComicSansMS, Arial,MS Sans Serif">Bienvenidosa <b><u><tt>www.aulaclic.com</tt></u></b></font> 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: Bienvenidosami página. Aquí encontraréiscursosde formaciónmuyinteresantes. 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. Por ejemplo,parainsertarel texto:
  • 4. Bienvenidosami página. Aquí encontraréiscursosde formaciónmuyinteresantes. Habría que escribir: <divalign="center">Bienvenidosami p&aacutegina.</div> <div>Aqu&iacute encontrar&eacuteiscursosde formaci&oacutenmuyinteresantes.</div> Encabezados<h1> ... Existenunaserie de encabezadosque suelenutilizarse paraestablecertí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 usuario esel que aplicaráel estilodel encabezado por loque el mismotítulose puede visualizarde formadiferentesegúnel navegador. Existenseisetiquetasque representanseistiposde cabecerasdistintas.Todasestasetiquetas precisanunaetiquetade cierre. RESULTADO