ElespaciadoenHTML

EnHTMLnoestpermitidomsdeunelementoblanco(espacios,tabuladores,saltosdelnea)separandocualquierelementootexto,todosestossonconvertidosaunnicoespacioblancoyelrestoseomitenenlarepresentacindeldocumento.Eneldocumentofuentepodremosusarelespaciadoquedeseemos,ynodeberestarbienformateado,esteseconseguirconlasetiquetasHTML.

ExistenunasetiquetasespecialesHTMLparadefinirestoselementosdecontroldetexto.Acontinuacinsedetallarcadaunadeellas.

Cambiodeprrafo:

Definirunprrafo,seusaralcomienzooalfinaldeunprrafodetextoeintroducirunespaciadodeseparacin(normalmentedoslneas)conelprximotextoqueseexprese.EstaetiquetasepuedeutilizarparaintroducirunespaciadoentrecualquierelementoHTMLynosoloservirparaseparartexto.

Elefectoseconseguirintroduciendolaetiquetaenelpuntoenelquedeseemosqueseproduzcaelespaciado.Laetiquetadefindeprrafoesopcionalnosiendonecesarioincluirla.

ExistenelementosHTMLqueyaintroducenseparacionesdelneas,tantoantescomodespues,portantoenestoscasosnoesnecesario,perosposible,introducirelelementodenuevoprrafo.Noesnecesarioutilizarestaetiquetaniantesnidespusdecabeceras,despusde(reglashorizontales),,,.Tampocoesnecesariodentrodelistastrasloselementos,ni,queseutilizanparasepararlosdistintoselementosdeunalista.

Ejemplo

Inst.HTML Estaesunafrasequeformaunparrafo.Esteeselotroparrafo.

Resultado

Estaesunafrasequeformaunparrafo.

Esteeselotroparrafo.

Explicacin EnelpuntodondesehaintroducidolainstruccinHTMLdenuevoparrafoseobservaunaseparacindedoslneas.

Saltodelnea:

Suutilidadessimilaralanteriorperoenestecasoelespaciadodeltextoesmenor,sepasaralalneasiguiente,sindejarunalneadeseparacin.Enestecasoseruncambiodelneaynodeparrafo.Igualmentenoesnecesariousarlotrasloselementosquellevanimplcitosunsaltodelnea,nitampocoesnecesarialaetiquetadefin.

Ejemplo

Inst.HTML Estaesunafrasedelaprimeralnea.Estaeslasiguientelnea

Resultado

Estaesunafrasedelaprimeralnea.Estaeslasiguientelnea

Explicacin EnelpuntodondesehaintroducidolainstruccinHTMLdenuevalneaseobservaelcambiodelnea.

ReglaHorizontal:

Seusaparadividirundocumentoendistintassecciones,mostrarunalneahorizontaldetamaodeterminable.Seasemejaralsaltodepginadentrodeundocumento.

Sinoseespecificanatributosdibujarunalneaqueocupeelanchodelapantalladelnavegadoryintroduciendounaseparacinconeltextoanteriorysiguiente,equivalenteacambiodeprrafo.Noesnecesarialaetiquetadefin.Conlosatributospodemosespecificarsuformaytamao,estoatributosson:

ALIGN=LEFT,RIGTHCENTER:

Indicarlaformaenlaquesealinearlareglaenelcasodenoocupartodoelanchodelapantalladelnavegador,alaizquierda,derechaocentrada.

NOSHADE:

Nomuestralasombradelabarra,evitandoelefectoentresdimensiones.

SIZE=n:

Indicarlaalturadelareglaenpuntosdelapantalla.

WIDTH=nn%:

Especificarelanchodelaregla,sepuedeespecificarentantoporcientodelanchodelaventanaoenvalorabsolutoenpuntosdelapantalla.

Ejemplos

Inst.HTML

Resultado

Explicacin Mostrarunlneaqueocupatodoelanchodisponibleydealtura1consombra.

Inst.HTML

Resultado

Explicacin Mostrarunlneaqueocupatodoelanchodisponible,esde5dealtoynotienesombraniefectodimensional.

Inst.HTML

Resultado

Explicacin Mostrarunlneaqueocupaelcincuentaporcientodelanchodisponible,esde5dealtoyestalineadaalaizquierda.

Textopreformateado:

Muestraunporcindetextoenelqueserespetanlossaltosdelnea,tabuladoresyespaciosenblanco.Todoloqueseencuentreentrelasetiquetasdeinicioyfindetextopreformateadosemostrartalycomoseexpresaenelfuentedeldocumentohtml.Paramostrarestetextoseutilizaunafuentedeespaciadofijomspequeaqueeltextonormal.

Presentaunproblemacuandolalneaesdemasiadolarga,yaquenolacortaelnavegadorysemostraratalycomoapareceenelficherofuente.NoserecomiendacomoformarpidadeconvertirundocumentotextoaformatovisibleenHTMLyaquepresentamuchaslimitacionesynoseobtieneunabuenapresentacin.

DentrodelaetiquetaPREnotendrnvalidezlamayoradelasinstruccionesHTML,solosepodrnutilizar,yloshiperenlaces.ElrestodelasetiquetasHTMLsonignoradas.

Ejemplo

Inst.HTML

Estetextosevertalycomoseescribi.

Resultado

Estetextosevertalycomoseescribi.

Explicacin

Comoseveutilizaotrafuentedecaracteresdistintasdeespaciadofijoyserespetanlosespaciosenblancoylossaltosdelneadelainstruccinoriginal.

Centradodetextoeimgenes:

Seutilizarparacentrarlneasdetexto,imgenesocualquierotroelementoHTML(tablas,listas,etc...).Todoloqueseencuentreentrelasetiquetasdeinicioyfinaparecercentradoenelnavegador.

Ejemplo

Inst.HTML Estetextosevercentrado

Resultado Estetextosevercentrado

Explicacin

Eltextoaparececentradoenelnavegador.Sepuedeutilizartantoparaunalneacomoparaunprrafo,yparacualquieradelainstruccionesdellenguajeHTML.

Inst.HTML Eltextoylaimagensecentran

Resultado

Eltextoylaimagensecentran

Explicacin ComosevelaetiquetadecentradopuedeafectaraotroselementoscomounaimagenocualquierotraestructuradellenguajeHTML.

&nbspEspaciosenblanco:

Conestasecuenciadecaracteresconseguiremosespaciosenblancoquesemostrarndeformaefectiva,pudiendomostrarmsdeunespacioenblancodeseparacin.Seincluirntantasexpresiones&nbspcomoespaciosenblancosedeseeconseguir.