SlideShare uma empresa Scribd logo
1 de 5
COLEGIO NACIONAL NICOLAQS ESGUERRA
EDIFICAMOS FUTURO
MANUEL FERNANDO VARGAS
PERDOMO APONTE JOHNEDWARD 902
PAGINA WEB 3
Formatear el texto<font> :
Las propiedadesdel textopuedenmodificarse atravésde la etiqueta<font>.Paraello,podemos
insertarel textoentre lasetiquetas<font>y</font>,especificandoalgunosde losatributosde la
etiqueta:
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.
A continuaciónse muestranalgunasetiquetasasociadasal tipode letra:
A continuaciónse muestranalgunasetiquetasasociadasal tipode información:
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 en pá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:
Bienvenidos a mi 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,peroconla diferenciade que laseparaciónentre ellosesmenor.
Por ejemplo,parainsertarel texto:
Bienvenidos a mi 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>
Tambiénesposible insertarel textoentre lasetiquetas<center>y</center>para que aparezca
centrado.
Por ejemplo,parainsertarel texto:
Bienvenidos a mi página.
Habría que escribir:
<center>Bienvenidosami p&aacutegina.</center>
Otro par de etiquetasque permitenagruparbloquesde texto,peroque noimplicanel cambiode
línea(comoen el caso de <p> y <div>),sonlasetiquetas<span>y </span>volveremosahablarde
estasetiquetascuandoveamoslashojasde estilo.
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 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 atributobehaviorpuedemodificarseel tipode movimiento.Puede tomarlosvalores
alternate (de ladoaladode laventana,como si rebotaraen losextremos),scroll (de unladoa
otro,continuamente) oslide(de unladoaotro, 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.
Habría que escribir:
<marquee bgcolor="#006699" behavior="alternate" direction="right">
<b><font color="#FFFFCC" size="5">Esto es una marquesina </font></b>
</marquee>
CODIGO:
<html>
<head>
<title>HevenGifts902</title>
</head>
<!--ESTA WEB FUE ELABORADA PORMANUEL Y EDWARD 902 //-->
<bodybgcolor="Blue">
<hr>
<H1><marquee bgcolor="white"behavior="alternate"direction="right">BIENVENIDOSA NUESTRA
WEB CORPORATIVA</H1>
<hr><br>
<fontcolor="#993366" size="4"face="ComicSansMS">Bienvenidosa
<b><u><tt>www.aulaclic.com</tt></u></b></font>
Nuestraempresacuentaconmas de 15 años enla organizacionyrealizacionde eventos.<br>
<pre>
<hr align="CENTER"width="30%"size="5"COLOR="WHITE">
Copyright2015
ColegioNacional NicolasEsguerra
Cll 6B #80-96 BOGOTA COLOMBIA
</PRE>
</BODY>
</html>

Mais conteúdo relacionado

Mais procurados (17)

Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
 
Web
WebWeb
Web
 
Web 2
Web 2Web 2
Web 2
 
Mmml
MmmlMmml
Mmml
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
Silem htmll
Silem htmllSilem htmll
Silem htmll
 
Pagina web 3.
Pagina web 3.Pagina web 3.
Pagina web 3.
 
html
htmlhtml
html
 
Codigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE MéridaCodigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE Mérida
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
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)
 
Trabajofinal 8
Trabajofinal 8Trabajofinal 8
Trabajofinal 8
 
Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteEtiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parte
 
Crear una página básica en HTML
Crear una página básica en HTMLCrear una página básica en HTML
Crear una página básica en HTML
 
pagina web III
pagina web IIIpagina web III
pagina web III
 

Destaque (20)

Documentación juegos globo comecocos y mario
Documentación juegos globo comecocos y marioDocumentación juegos globo comecocos y mario
Documentación juegos globo comecocos y mario
 
pacman SCRATCH
pacman SCRATCH pacman SCRATCH
pacman SCRATCH
 
Comecocos reciclable
Comecocos reciclableComecocos reciclable
Comecocos reciclable
 
Planificación de Somos lo que comemos "Juego en Scratch"
Planificación de Somos lo que comemos  "Juego en Scratch"Planificación de Somos lo que comemos  "Juego en Scratch"
Planificación de Somos lo que comemos "Juego en Scratch"
 
Paso a paso pacman
Paso a paso pacmanPaso a paso pacman
Paso a paso pacman
 
explicacion juegos scratch
explicacion juegos scratchexplicacion juegos scratch
explicacion juegos scratch
 
Juego Pacman
Juego PacmanJuego Pacman
Juego Pacman
 
Nevada En Córdoba 10 1 2010
Nevada En  Córdoba 10 1 2010Nevada En  Córdoba 10 1 2010
Nevada En Córdoba 10 1 2010
 
Explicacion De Los Pasos Para Crear Pacman En Scratch
Explicacion De Los Pasos Para Crear Pacman En ScratchExplicacion De Los Pasos Para Crear Pacman En Scratch
Explicacion De Los Pasos Para Crear Pacman En Scratch
 
Pacman
PacmanPacman
Pacman
 
Robótica nxt #6
Robótica  nxt #6Robótica  nxt #6
Robótica nxt #6
 
ntx 2.1
ntx 2.1ntx 2.1
ntx 2.1
 
Servicios del Instituto de Tecnología e Investigación Maestro21
Servicios del Instituto de Tecnología e Investigación Maestro21Servicios del Instituto de Tecnología e Investigación Maestro21
Servicios del Instituto de Tecnología e Investigación Maestro21
 
Producto expo-sena
Producto expo-senaProducto expo-sena
Producto expo-sena
 
Aqgvqe
AqgvqeAqgvqe
Aqgvqe
 
sensores del nxt
sensores del nxt sensores del nxt
sensores del nxt
 
Ept
EptEpt
Ept
 
nxt
nxtnxt
nxt
 
German silva duran
German silva duranGerman silva duran
German silva duran
 
PROYECTO RELATIVO A LAS NORMAS UNESCO SOBRE COMPETENCIAS EN TIC PARA DOCENTES
PROYECTO RELATIVO A LAS NORMAS UNESCO SOBRE COMPETENCIAS EN TIC PARA DOCENTESPROYECTO RELATIVO A LAS NORMAS UNESCO SOBRE COMPETENCIAS EN TIC PARA DOCENTES
PROYECTO RELATIVO A LAS NORMAS UNESCO SOBRE COMPETENCIAS EN TIC PARA DOCENTES
 

Semelhante a Pagina wEb 3 (20)

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.
 
HTML 3
HTML 3HTML 3
HTML 3
 
unidad 3
unidad 3unidad 3
unidad 3
 
Peres el crack
Peres el crackPeres el crack
Peres el crack
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Texto del html
Texto del htmlTexto del html
Texto del html
 
Yees
YeesYees
Yees
 
Trabajo en clase
Trabajo en clase Trabajo en clase
Trabajo en clase
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Presentación unidad tres
Presentación unidad tresPresentación unidad tres
Presentación unidad tres
 
3 johan
3 johan3 johan
3 johan
 
TAREA DEL CSS
TAREA DEL CSSTAREA DEL CSS
TAREA DEL CSS
 
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
 
Nikolivardo s.a
Nikolivardo s.aNikolivardo s.a
Nikolivardo s.a
 
Documento numero 1
Documento numero 1Documento numero 1
Documento numero 1
 
Gordo
GordoGordo
Gordo
 

Mais de 2503468

Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
2503468
 
EVIDENCIA DE BASE DE DATOS
EVIDENCIA DE BASE DE DATOSEVIDENCIA DE BASE DE DATOS
EVIDENCIA DE BASE DE DATOS
2503468
 
Normas icontec total mente completadas
Normas icontec total mente completadas Normas icontec total mente completadas
Normas icontec total mente completadas
2503468
 
Normas icontec26 08 15 torre ........
Normas icontec26 08 15 torre ........Normas icontec26 08 15 torre ........
Normas icontec26 08 15 torre ........
2503468
 
las consultas en access
las consultas en access las consultas en access
las consultas en access
2503468
 
Normas icontec (objetivos pg 13)
Normas icontec (objetivos pg 13)Normas icontec (objetivos pg 13)
Normas icontec (objetivos pg 13)
2503468
 
Normas icontec (objetivos pg 14)
Normas icontec (objetivos pg 14)Normas icontec (objetivos pg 14)
Normas icontec (objetivos pg 14)
2503468
 
normas icontec (Planteamiento de problema y glosario)
normas icontec (Planteamiento de problema y glosario)normas icontec (Planteamiento de problema y glosario)
normas icontec (Planteamiento de problema y glosario)
2503468
 
normas icontec (Planteamiento de problema y glosario)
normas icontec (Planteamiento de problema y glosario)normas icontec (Planteamiento de problema y glosario)
normas icontec (Planteamiento de problema y glosario)
2503468
 
normas icontec (Plantilla normas pg 17)
normas icontec (Plantilla normas pg 17)normas icontec (Plantilla normas pg 17)
normas icontec (Plantilla normas pg 17)
2503468
 
Normas icontec (introduccion pg. )
Normas icontec (introduccion pg. )Normas icontec (introduccion pg. )
Normas icontec (introduccion pg. )
2503468
 
Normas icontec
Normas icontecNormas icontec
Normas icontec
2503468
 
Robot seguidor de linea
Robot seguidor de lineaRobot seguidor de linea
Robot seguidor de linea
2503468
 
Nicolas esguerra
Nicolas esguerraNicolas esguerra
Nicolas esguerra
2503468
 
Crucigrama epu grado 9
Crucigrama epu grado 9Crucigrama epu grado 9
Crucigrama epu grado 9
2503468
 
La robótica educativa ayuda a los alumnos a razonar
La robótica educativa ayuda a los alumnos a razonarLa robótica educativa ayuda a los alumnos a razonar
La robótica educativa ayuda a los alumnos a razonar
2503468
 

Mais de 2503468 (20)

Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
EVIDENCIA DE BASE DE DATOS
EVIDENCIA DE BASE DE DATOSEVIDENCIA DE BASE DE DATOS
EVIDENCIA DE BASE DE DATOS
 
Normas icontec total mente completadas
Normas icontec total mente completadas Normas icontec total mente completadas
Normas icontec total mente completadas
 
Normas icontec26 08 15 torre ........
Normas icontec26 08 15 torre ........Normas icontec26 08 15 torre ........
Normas icontec26 08 15 torre ........
 
Normas icontec26 08 15 torre
Normas icontec26 08 15 torreNormas icontec26 08 15 torre
Normas icontec26 08 15 torre
 
las consultas en access
las consultas en access las consultas en access
las consultas en access
 
Tablas
TablasTablas
Tablas
 
Normas icontec (objetivos pg 13)
Normas icontec (objetivos pg 13)Normas icontec (objetivos pg 13)
Normas icontec (objetivos pg 13)
 
Normas icontec (objetivos pg 14)
Normas icontec (objetivos pg 14)Normas icontec (objetivos pg 14)
Normas icontec (objetivos pg 14)
 
normas icontec (Planteamiento de problema y glosario)
normas icontec (Planteamiento de problema y glosario)normas icontec (Planteamiento de problema y glosario)
normas icontec (Planteamiento de problema y glosario)
 
normas icontec (Planteamiento de problema y glosario)
normas icontec (Planteamiento de problema y glosario)normas icontec (Planteamiento de problema y glosario)
normas icontec (Planteamiento de problema y glosario)
 
normas icontec (Plantilla normas pg 17)
normas icontec (Plantilla normas pg 17)normas icontec (Plantilla normas pg 17)
normas icontec (Plantilla normas pg 17)
 
Plantilla normas pg 17
Plantilla normas pg 17Plantilla normas pg 17
Plantilla normas pg 17
 
Normas icontec (introduccion pg. )
Normas icontec (introduccion pg. )Normas icontec (introduccion pg. )
Normas icontec (introduccion pg. )
 
Normas icontec
Normas icontecNormas icontec
Normas icontec
 
Robot seguidor de linea
Robot seguidor de lineaRobot seguidor de linea
Robot seguidor de linea
 
Riveras
RiverasRiveras
Riveras
 
Nicolas esguerra
Nicolas esguerraNicolas esguerra
Nicolas esguerra
 
Crucigrama epu grado 9
Crucigrama epu grado 9Crucigrama epu grado 9
Crucigrama epu grado 9
 
La robótica educativa ayuda a los alumnos a razonar
La robótica educativa ayuda a los alumnos a razonarLa robótica educativa ayuda a los alumnos a razonar
La robótica educativa ayuda a los alumnos a razonar
 

Último

Infografia de El Minierismo reflejado en la Arquitectura
Infografia de El Minierismo reflejado en la ArquitecturaInfografia de El Minierismo reflejado en la Arquitectura
Infografia de El Minierismo reflejado en la Arquitectura
frenyergt23
 
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
leonar947720602
 
2.-del-absolutismo-al-despotismo-ilustrado.ppt
2.-del-absolutismo-al-despotismo-ilustrado.ppt2.-del-absolutismo-al-despotismo-ilustrado.ppt
2.-del-absolutismo-al-despotismo-ilustrado.ppt
toribioCcanchillanos
 
teoriasymodelosdeenfermeria-190315005411.pptx
teoriasymodelosdeenfermeria-190315005411.pptxteoriasymodelosdeenfermeria-190315005411.pptx
teoriasymodelosdeenfermeria-190315005411.pptx
djosemagarino
 
planeacion de encuentros pedagogicos atencion primera infancia
planeacion de encuentros pedagogicos atencion primera infanciaplaneacion de encuentros pedagogicos atencion primera infancia
planeacion de encuentros pedagogicos atencion primera infancia
IbethRincon
 

Último (20)

Generalidades de las cámaras fotogr[aficas
Generalidades de las cámaras fotogr[aficasGeneralidades de las cámaras fotogr[aficas
Generalidades de las cámaras fotogr[aficas
 
Módulo de teoría sobre fotografía pericial
Módulo de teoría sobre fotografía pericialMódulo de teoría sobre fotografía pericial
Módulo de teoría sobre fotografía pericial
 
EXPONENTES DEL MODERNISMO-VIRGINIA PRIETO.pdf
EXPONENTES DEL MODERNISMO-VIRGINIA PRIETO.pdfEXPONENTES DEL MODERNISMO-VIRGINIA PRIETO.pdf
EXPONENTES DEL MODERNISMO-VIRGINIA PRIETO.pdf
 
Resumen de generalidades de la fotografia.
Resumen de generalidades de la fotografia.Resumen de generalidades de la fotografia.
Resumen de generalidades de la fotografia.
 
Infografia de El Minierismo reflejado en la Arquitectura
Infografia de El Minierismo reflejado en la ArquitecturaInfografia de El Minierismo reflejado en la Arquitectura
Infografia de El Minierismo reflejado en la Arquitectura
 
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
 
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
 
Cuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
CuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfjCuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
Cuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
 
música de la Región caribe colombiana .pptx
música de la Región caribe colombiana .pptxmúsica de la Región caribe colombiana .pptx
música de la Región caribe colombiana .pptx
 
2.-del-absolutismo-al-despotismo-ilustrado.ppt
2.-del-absolutismo-al-despotismo-ilustrado.ppt2.-del-absolutismo-al-despotismo-ilustrado.ppt
2.-del-absolutismo-al-despotismo-ilustrado.ppt
 
EXPOSICION FOTOGRAFICA 1946-2024 Aniversario Conservatorio Carlos Valderrama ...
EXPOSICION FOTOGRAFICA 1946-2024 Aniversario Conservatorio Carlos Valderrama ...EXPOSICION FOTOGRAFICA 1946-2024 Aniversario Conservatorio Carlos Valderrama ...
EXPOSICION FOTOGRAFICA 1946-2024 Aniversario Conservatorio Carlos Valderrama ...
 
teoriasymodelosdeenfermeria-190315005411.pptx
teoriasymodelosdeenfermeria-190315005411.pptxteoriasymodelosdeenfermeria-190315005411.pptx
teoriasymodelosdeenfermeria-190315005411.pptx
 
"Explorando la Pintura Costumbrista en la República Dominicana con E. Vidal"
"Explorando la Pintura Costumbrista en la República Dominicana con E. Vidal""Explorando la Pintura Costumbrista en la República Dominicana con E. Vidal"
"Explorando la Pintura Costumbrista en la República Dominicana con E. Vidal"
 
El Legado de Walter Gropius y Frank Lloyd Wright en la Arquitectura Moderna_c...
El Legado de Walter Gropius y Frank Lloyd Wright en la Arquitectura Moderna_c...El Legado de Walter Gropius y Frank Lloyd Wright en la Arquitectura Moderna_c...
El Legado de Walter Gropius y Frank Lloyd Wright en la Arquitectura Moderna_c...
 
PRIMER EXAMEN_merged (3).pdfdsadsadasdasd
PRIMER EXAMEN_merged (3).pdfdsadsadasdasdPRIMER EXAMEN_merged (3).pdfdsadsadasdasd
PRIMER EXAMEN_merged (3).pdfdsadsadasdasd
 
El marinerismo y sus características en la arquitectura
El marinerismo y sus características en la arquitecturaEl marinerismo y sus características en la arquitectura
El marinerismo y sus características en la arquitectura
 
Historia, origen, filósofos, épocas de la filosofía
Historia, origen, filósofos, épocas de la filosofíaHistoria, origen, filósofos, épocas de la filosofía
Historia, origen, filósofos, épocas de la filosofía
 
planeacion de encuentros pedagogicos atencion primera infancia
planeacion de encuentros pedagogicos atencion primera infanciaplaneacion de encuentros pedagogicos atencion primera infancia
planeacion de encuentros pedagogicos atencion primera infancia
 
PRESENTACION EL DIA DE LA MADRE POR SU DIA
PRESENTACION EL DIA DE LA MADRE POR SU DIAPRESENTACION EL DIA DE LA MADRE POR SU DIA
PRESENTACION EL DIA DE LA MADRE POR SU DIA
 
minierismo historia caracteristicas gabriel silva.pdf
minierismo historia caracteristicas gabriel silva.pdfminierismo historia caracteristicas gabriel silva.pdf
minierismo historia caracteristicas gabriel silva.pdf
 

Pagina wEb 3

  • 1. COLEGIO NACIONAL NICOLAQS ESGUERRA EDIFICAMOS FUTURO MANUEL FERNANDO VARGAS PERDOMO APONTE JOHNEDWARD 902 PAGINA WEB 3 Formatear el texto<font> : Las propiedadesdel textopuedenmodificarse atravésde la etiqueta<font>.Paraello,podemos insertarel textoentre lasetiquetas<font>y</font>,especificandoalgunosde losatributosde la etiqueta: 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. A continuaciónse muestranalgunasetiquetasasociadasal tipode letra:
  • 2. A continuaciónse muestranalgunasetiquetasasociadasal tipode información: 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 en pá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:
  • 3. Bienvenidos a mi 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,peroconla diferenciade que laseparaciónentre ellosesmenor. Por ejemplo,parainsertarel texto: Bienvenidos a mi 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> Tambiénesposible insertarel textoentre lasetiquetas<center>y</center>para que aparezca centrado. Por ejemplo,parainsertarel texto: Bienvenidos a mi página. Habría que escribir: <center>Bienvenidosami p&aacutegina.</center> Otro par de etiquetasque permitenagruparbloquesde texto,peroque noimplicanel cambiode línea(comoen el caso de <p> y <div>),sonlasetiquetas<span>y </span>volveremosahablarde estasetiquetascuandoveamoslashojasde estilo.
  • 4. 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 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.
  • 5. A travésdel atributobehaviorpuedemodificarseel tipode movimiento.Puede tomarlosvalores alternate (de ladoaladode laventana,como si rebotaraen losextremos),scroll (de unladoa otro,continuamente) oslide(de unladoaotro, 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. Habría que escribir: <marquee bgcolor="#006699" behavior="alternate" direction="right"> <b><font color="#FFFFCC" size="5">Esto es una marquesina </font></b> </marquee> CODIGO: <html> <head> <title>HevenGifts902</title> </head> <!--ESTA WEB FUE ELABORADA PORMANUEL Y EDWARD 902 //--> <bodybgcolor="Blue"> <hr> <H1><marquee bgcolor="white"behavior="alternate"direction="right">BIENVENIDOSA NUESTRA WEB CORPORATIVA</H1> <hr><br> <fontcolor="#993366" size="4"face="ComicSansMS">Bienvenidosa <b><u><tt>www.aulaclic.com</tt></u></b></font> Nuestraempresacuentaconmas de 15 años enla organizacionyrealizacionde eventos.<br> <pre> <hr align="CENTER"width="30%"size="5"COLOR="WHITE"> Copyright2015 ColegioNacional NicolasEsguerra Cll 6B #80-96 BOGOTA COLOMBIA </PRE> </BODY> </html>