SlideShare una empresa de Scribd logo
1 de 5
WebIII
Caracteresespecialesyespaciosenblanco
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!
Comentarios
En ocasionespodemosdesearañadircomentariosaclaratoriosdentrodel 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!
Saltosde línea<br>
En general,cuandotrabajamosconun editorde textose produce unsaltode 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.
Textopreformateado<pre>
Una forma de asegurarnosde que el textoaparezcaenel navegadortal cual ha sidoinsertado
dentrodel código,esutilizandolasetiquetas<pre>y</pre>.
Utilizandoestasetiquetaspodemostenerlaseguridadde que enel navegadorse mostrarántodos
losespaciosenblancoque se insertenenel texto,asícomotodoslos saltosde línearesultantesde
pulsarla teclaINTRO,sinla necesidadde utilizarlaetiqueta<br>.
Por ejemplo,parainsertarel texto:
Hola, BIENVENIDOS
esta ES MI PÁGINA WEB
y estountextopreformateado
Habría que escribir:
<pre>Hola, BIENVENIDOS
esta ES MI PÁGINA WEB
y estountextopreformateado</pre>
El inconvenientede estaetiquetaesque entre lasetiquetas<pre>y</pre> no se puedenincluir
lasetiquetas<img>(paraincluirimágenes),<object>(paraincluirobjetoscomoanimaciones),
<big>, <small>,<sub>ni <sup> (lasveremoseneste tema).
Separadores<hr>
El elementoque sueleutilizarseparasepararseccionesdentrode unamismapáginaeslaregla
horizontal.Parainsertarunareglahorizontal hayque insertarlaetiqueta<hr>.Dicha etiquetano
precisaningunaetiquetade cierre.
Es posible especificaralgunosatributosde lareglahorizontal:
Atributo
Significado
Posiblesvalores
align
alineaciónde laregladentrode lapágina
left(izquierda)
right(derecha)
center(centro)
width
ancho de la regla
un número,acompañadode %cuandose desee que seaenporcentaje
size
altode laregla
un número
noshade
eliminarel sombreadode laregla
no puede tomarvalores
Por ejemplo,parainsertarel textoylareglahorizontal siguientes:
Inicio
Bienvenidosami página.
Habría que escribir:
Inicio<hralign="left"width="300%"size="5"noshade>Bienvenidosami p&aacute;gina.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (9)

Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apa
 
Manual rapido html
Manual rapido htmlManual rapido html
Manual rapido html
 
Html
HtmlHtml
Html
 
Tutorial De Ascii
Tutorial De AsciiTutorial De Ascii
Tutorial De Ascii
 
Formularios en HTML5
Formularios en HTML5Formularios en HTML5
Formularios en HTML5
 
3 johan
3 johan3 johan
3 johan
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Guia de html
Guia de  htmlGuia de  html
Guia de html
 
Caracteres especiales y enlaces
Caracteres especiales y enlacesCaracteres especiales y enlaces
Caracteres especiales y enlaces
 

Destacado

practica 16 true, practica 17 false
practica 16 true, practica 17 falsepractica 16 true, practica 17 false
practica 16 true, practica 17 falseSarahi Garcia Ruiz
 
Battlefield network
Battlefield networkBattlefield network
Battlefield networkTal Be'ery
 
Trt previdenciário - questões complementares (1)
Trt   previdenciário - questões complementares (1)Trt   previdenciário - questões complementares (1)
Trt previdenciário - questões complementares (1)João Gilberto Costa Lima
 
Journey Through the Bible: Mark's Gospel
Journey Through the Bible: Mark's GospelJourney Through the Bible: Mark's Gospel
Journey Through the Bible: Mark's GospelResurrection Church
 
Обеспечение централизованной обработки документации в ОЦО группы «ФосАгро»
Обеспечение централизованной обработки документации в ОЦО группы «ФосАгро»Обеспечение централизованной обработки документации в ОЦО группы «ФосАгро»
Обеспечение централизованной обработки документации в ОЦО группы «ФосАгро»Корпорация ЭЛАР
 
новэйдж презентация
новэйдж презентацияновэйдж презентация
новэйдж презентацияДенис Комар
 
MEMBANGUN EKONOMI PEDESAAN DENGAN FINANCIAL INCLUSION MELALUI LEMBAGA KEUAN...
MEMBANGUN EKONOMI PEDESAAN DENGAN  FINANCIAL INCLUSION MELALUI LEMBAGA  KEUAN...MEMBANGUN EKONOMI PEDESAAN DENGAN  FINANCIAL INCLUSION MELALUI LEMBAGA  KEUAN...
MEMBANGUN EKONOMI PEDESAAN DENGAN FINANCIAL INCLUSION MELALUI LEMBAGA KEUAN...An Nisbah
 

Destacado (11)

iff 2015
iff 2015iff 2015
iff 2015
 
practica 16 true, practica 17 false
practica 16 true, practica 17 falsepractica 16 true, practica 17 false
practica 16 true, practica 17 false
 
Rozengeur en maneschijn
Rozengeur en maneschijnRozengeur en maneschijn
Rozengeur en maneschijn
 
Trt português 03 (1)
Trt   português 03 (1)Trt   português 03 (1)
Trt português 03 (1)
 
Battlefield network
Battlefield networkBattlefield network
Battlefield network
 
Trt previdenciário - questões complementares (1)
Trt   previdenciário - questões complementares (1)Trt   previdenciário - questões complementares (1)
Trt previdenciário - questões complementares (1)
 
Journey Through the Bible: Mark's Gospel
Journey Through the Bible: Mark's GospelJourney Through the Bible: Mark's Gospel
Journey Through the Bible: Mark's Gospel
 
Обеспечение централизованной обработки документации в ОЦО группы «ФосАгро»
Обеспечение централизованной обработки документации в ОЦО группы «ФосАгро»Обеспечение централизованной обработки документации в ОЦО группы «ФосАгро»
Обеспечение централизованной обработки документации в ОЦО группы «ФосАгро»
 
новэйдж презентация
новэйдж презентацияновэйдж презентация
новэйдж презентация
 
MEMBANGUN EKONOMI PEDESAAN DENGAN FINANCIAL INCLUSION MELALUI LEMBAGA KEUAN...
MEMBANGUN EKONOMI PEDESAAN DENGAN  FINANCIAL INCLUSION MELALUI LEMBAGA  KEUAN...MEMBANGUN EKONOMI PEDESAAN DENGAN  FINANCIAL INCLUSION MELALUI LEMBAGA  KEUAN...
MEMBANGUN EKONOMI PEDESAAN DENGAN FINANCIAL INCLUSION MELALUI LEMBAGA KEUAN...
 
Wiki y blog
Wiki y blogWiki y blog
Wiki y blog
 

Similar a Web iii

Similar a Web iii (6)

trabajo
trabajotrabajo
trabajo
 
Presentación unidad tres
Presentación unidad tresPresentación unidad tres
Presentación unidad tres
 
ETIQUETAS
ETIQUETASETIQUETAS
ETIQUETAS
 
Mmml
MmmlMmml
Mmml
 
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)
 

Más de alejanbejarano (20)

Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Plantilla con-normas-icontec 1
Plantilla con-normas-icontec 1Plantilla con-normas-icontec 1
Plantilla con-normas-icontec 1
 
Plantilla con-normas-icontec2
Plantilla con-normas-icontec2Plantilla con-normas-icontec2
Plantilla con-normas-icontec2
 
tarea
tarea tarea
tarea
 
Presentación1 l.pñ,k
Presentación1 l.pñ,kPresentación1 l.pñ,k
Presentación1 l.pñ,k
 
Presentación1 (3)
Presentación1 (3)Presentación1 (3)
Presentación1 (3)
 
Presentación1 (2)
Presentación1 (2) Presentación1 (2)
Presentación1 (2)
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
trabajo 6
trabajo 6trabajo 6
trabajo 6
 
Colegio nacional nicolás esguerrahh
Colegio nacional nicolás esguerrahhColegio nacional nicolás esguerrahh
Colegio nacional nicolás esguerrahh
 
cnne
cnnecnne
cnne
 
trabajo4
trabajo4trabajo4
trabajo4
 
trabajo
trabajotrabajo
trabajo
 
trabajo
trabajotrabajo
trabajo
 
Trabajo4654
Trabajo4654Trabajo4654
Trabajo4654
 
trabajo
trabajotrabajo
trabajo
 
Trabajirijillo 40
Trabajirijillo 40Trabajirijillo 40
Trabajirijillo 40
 
Sin título 2.0
Sin título 2.0Sin título 2.0
Sin título 2.0
 

Último

Code name Anastasia parte - 1(1)-páginas-1.pdf
Code name Anastasia parte - 1(1)-páginas-1.pdfCode name Anastasia parte - 1(1)-páginas-1.pdf
Code name Anastasia parte - 1(1)-páginas-1.pdfnaladosol
 
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicossEL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicossLucasJohnHuntingford
 
Code name Anastasia parte 1 - capitulo - 2(1)-páginas-2.pdf
Code name Anastasia parte 1 - capitulo - 2(1)-páginas-2.pdfCode name Anastasia parte 1 - capitulo - 2(1)-páginas-2.pdf
Code name Anastasia parte 1 - capitulo - 2(1)-páginas-2.pdfnaladosol
 
(HOTD) Las Grandes Casas de Westeros y su estado previo a la Danza de los Dra...
(HOTD) Las Grandes Casas de Westeros y su estado previo a la Danza de los Dra...(HOTD) Las Grandes Casas de Westeros y su estado previo a la Danza de los Dra...
(HOTD) Las Grandes Casas de Westeros y su estado previo a la Danza de los Dra...patriciooviedo3
 
Mujeres que corren con los lobos en la noche.pdf
Mujeres que corren con los lobos en la noche.pdfMujeres que corren con los lobos en la noche.pdf
Mujeres que corren con los lobos en la noche.pdfKeilly Merlo
 
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...univerzalworld
 
Programación de las Fiestas de San Isidro 2024.pdf
Programación de las Fiestas de San Isidro 2024.pdfProgramación de las Fiestas de San Isidro 2024.pdf
Programación de las Fiestas de San Isidro 2024.pdf20minutos
 
Code name Anastasia parte -1(1)-páginas-4.pdf
Code name Anastasia parte -1(1)-páginas-4.pdfCode name Anastasia parte -1(1)-páginas-4.pdf
Code name Anastasia parte -1(1)-páginas-4.pdfnaladosol
 
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJORESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJOLuisFigueroa230128
 
Code name Anastasia parte - 1(1)-páginas-3.pdf
Code name Anastasia parte - 1(1)-páginas-3.pdfCode name Anastasia parte - 1(1)-páginas-3.pdf
Code name Anastasia parte - 1(1)-páginas-3.pdfnaladosol
 
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptxTEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptxAlbertSa3
 

Último (11)

Code name Anastasia parte - 1(1)-páginas-1.pdf
Code name Anastasia parte - 1(1)-páginas-1.pdfCode name Anastasia parte - 1(1)-páginas-1.pdf
Code name Anastasia parte - 1(1)-páginas-1.pdf
 
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicossEL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
EL QUIJOTE.pdf Libro adaptado de la edicion vicens vives de clasicos hispanicoss
 
Code name Anastasia parte 1 - capitulo - 2(1)-páginas-2.pdf
Code name Anastasia parte 1 - capitulo - 2(1)-páginas-2.pdfCode name Anastasia parte 1 - capitulo - 2(1)-páginas-2.pdf
Code name Anastasia parte 1 - capitulo - 2(1)-páginas-2.pdf
 
(HOTD) Las Grandes Casas de Westeros y su estado previo a la Danza de los Dra...
(HOTD) Las Grandes Casas de Westeros y su estado previo a la Danza de los Dra...(HOTD) Las Grandes Casas de Westeros y su estado previo a la Danza de los Dra...
(HOTD) Las Grandes Casas de Westeros y su estado previo a la Danza de los Dra...
 
Mujeres que corren con los lobos en la noche.pdf
Mujeres que corren con los lobos en la noche.pdfMujeres que corren con los lobos en la noche.pdf
Mujeres que corren con los lobos en la noche.pdf
 
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
TRIFOLIO DIA DE LA TIERRA.pdf Perdida libertad y educación social. • Pérdida ...
 
Programación de las Fiestas de San Isidro 2024.pdf
Programación de las Fiestas de San Isidro 2024.pdfProgramación de las Fiestas de San Isidro 2024.pdf
Programación de las Fiestas de San Isidro 2024.pdf
 
Code name Anastasia parte -1(1)-páginas-4.pdf
Code name Anastasia parte -1(1)-páginas-4.pdfCode name Anastasia parte -1(1)-páginas-4.pdf
Code name Anastasia parte -1(1)-páginas-4.pdf
 
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJORESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
RESUMEN DE LA PELÍCULA DE CHERNOBYL ENFOCADO A MEDICINA DEL TRABAJO
 
Code name Anastasia parte - 1(1)-páginas-3.pdf
Code name Anastasia parte - 1(1)-páginas-3.pdfCode name Anastasia parte - 1(1)-páginas-3.pdf
Code name Anastasia parte - 1(1)-páginas-3.pdf
 
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptxTEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
TEXTO CRONOLÓGICO CRONOLÓGICO CRONOLÓGICO .pptx
 

Web iii

  • 1. WebIII Caracteresespecialesyespaciosenblanco 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! Comentarios En ocasionespodemosdesearañadircomentariosaclaratoriosdentrodel código,de maneraque no seanvisualizadosenel navegador,perosía la horade editarel documento.
  • 2. 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! Saltosde línea<br> En general,cuandotrabajamosconun editorde textose produce unsaltode 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.
  • 3. Por ejemplo,parainsertarel texto: Queridosusuarios, tengoel placerde comunicarosque hay unanuevasección. Habría que escribir: Queridosusuarios,<br>tengoel placerde comunicarosque hayunanuevasecci&oacuten. Textopreformateado<pre> Una forma de asegurarnosde que el textoaparezcaenel navegadortal cual ha sidoinsertado dentrodel código,esutilizandolasetiquetas<pre>y</pre>. Utilizandoestasetiquetaspodemostenerlaseguridadde que enel navegadorse mostrarántodos losespaciosenblancoque se insertenenel texto,asícomotodoslos saltosde línearesultantesde pulsarla teclaINTRO,sinla necesidadde utilizarlaetiqueta<br>. Por ejemplo,parainsertarel texto: Hola, BIENVENIDOS esta ES MI PÁGINA WEB y estountextopreformateado Habría que escribir: <pre>Hola, BIENVENIDOS esta ES MI PÁGINA WEB y estountextopreformateado</pre>
  • 4. El inconvenientede estaetiquetaesque entre lasetiquetas<pre>y</pre> no se puedenincluir lasetiquetas<img>(paraincluirimágenes),<object>(paraincluirobjetoscomoanimaciones), <big>, <small>,<sub>ni <sup> (lasveremoseneste tema). Separadores<hr> El elementoque sueleutilizarseparasepararseccionesdentrode unamismapáginaeslaregla horizontal.Parainsertarunareglahorizontal hayque insertarlaetiqueta<hr>.Dicha etiquetano precisaningunaetiquetade cierre. Es posible especificaralgunosatributosde lareglahorizontal: Atributo Significado Posiblesvalores align alineaciónde laregladentrode lapágina left(izquierda) right(derecha) center(centro) width ancho de la regla un número,acompañadode %cuandose desee que seaenporcentaje size altode laregla un número noshade eliminarel sombreadode laregla no puede tomarvalores Por ejemplo,parainsertarel textoylareglahorizontal siguientes: Inicio
  • 5. Bienvenidosami página. Habría que escribir: Inicio<hralign="left"width="300%"size="5"noshade>Bienvenidosami p&aacute;gina.