SlideShare una empresa de Scribd logo
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>

Más contenido relacionado

La actualidad más candente

Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
Alejandro Escobar
 
Web
WebWeb
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
carolinaduran45
 
Pagina web 3.
Pagina web 3.Pagina web 3.
Pagina web 3.
jesus142814
 
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éridaduberlisg
 
Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
thefaut
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
dilaneduardo4587
 
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
Wendy Navia Chambi
 
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
Secretaria Educacion Dptal
 
pagina web III
pagina web IIIpagina web III
pagina web III
Cbazttyan Rojas
 

La actualidad más candente (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
 

Destacado

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
miguel197076
 
pacman SCRATCH
pacman SCRATCH pacman SCRATCH
pacman SCRATCH 2503468
 
Comecocos reciclable
Comecocos reciclableComecocos reciclable
Comecocos reciclableDokyto
 
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"edelbertoleal
 
Paso a paso pacman
Paso a paso pacmanPaso a paso pacman
Paso a paso pacmanmaikylogan
 
Juego Pacman
Juego PacmanJuego Pacman
Juego Pacman
juliaaof
 
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 2010jucar5808
 
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 Scratchjcardenasperdomo
 
Pacman
PacmanPacman
Pacmanandres
 
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
Instituto de Tecnología e Investigación Maestro21
 
Producto expo-sena
Producto expo-senaProducto expo-sena
Producto expo-sena
shdiaz
 
sensores del nxt
sensores del nxt sensores del nxt
sensores del nxt 2503468
 
German silva duran
German silva duranGerman silva duran
German silva duran2503468
 
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 DOCENTESyanet43033
 

Destacado (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
 

Similar a Pagina wEb 3

Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
Santhii Sastoque
 
Pagina web 3.
Pagina web 3.Pagina web 3.
Pagina web 3.
Gabriel Velasquez
 
HTML 3
HTML 3HTML 3
HTML 3
maicolxp
 
unidad 3
unidad 3unidad 3
Peres el crack
Peres el crackPeres el crack
Peres el crack
ratasaurio1
 
Trabajo en clase
Trabajo en clase Trabajo en clase
Trabajo en clase
SkateGutierrez
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
Sebastian Morales
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
juansebastian200028
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
juansebastian200028
 
Presentación unidad tres
Presentación unidad tresPresentación unidad tres
Presentación unidad tres
Isaac Felipe Beltran Lopez
 
TAREA DEL CSS
TAREA DEL CSSTAREA DEL CSS
TAREA DEL CSS
romimaira
 
Trabajo de cely word
Trabajo de cely wordTrabajo de cely word
Trabajo de cely word
america_999_america
 
Trabajo de cely word
Trabajo de cely wordTrabajo de cely word
Trabajo de cely word
Jonathan Cely
 
Nikolivardo s.a
Nikolivardo s.aNikolivardo s.a
Nikolivardo s.a
Nikolas Avila
 
Documento numero 1
Documento numero 1Documento numero 1
Documento numero 1
Juan Baron
 
Gordo
GordoGordo

Similar 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
 

Más 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
 
Normas icontec26 08 15 torre
Normas icontec26 08 15 torreNormas 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
 
Tablas
TablasTablas
Tablas
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
 
Plantilla normas pg 17
Plantilla normas pg 17Plantilla normas pg 17
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 icontec2503468
 
Robot seguidor de linea
Robot seguidor de lineaRobot seguidor de linea
Robot seguidor de linea2503468
 
Nicolas esguerra
Nicolas esguerraNicolas esguerra
Nicolas esguerra2503468
 
Crucigrama epu grado 9
Crucigrama epu grado 9Crucigrama epu grado 9
Crucigrama epu grado 92503468
 
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 razonar2503468
 

Más 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

Bitácora de historia: barroco y neoclásico
Bitácora de historia: barroco y neoclásicoBitácora de historia: barroco y neoclásico
Bitácora de historia: barroco y neoclásico
al050121044
 
ESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRES
ESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRESESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRES
ESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRES
elizabethaldaz60
 
Folleto tríptico informativo datos sida vih sencillo rosa rojo blanco.pdf
Folleto tríptico informativo datos sida vih sencillo rosa rojo blanco.pdfFolleto tríptico informativo datos sida vih sencillo rosa rojo blanco.pdf
Folleto tríptico informativo datos sida vih sencillo rosa rojo blanco.pdf
loypa08
 
Portafolio final comunicación y expresión ll - ivan alarcon .pptx
Portafolio final comunicación y expresión ll - ivan alarcon .pptxPortafolio final comunicación y expresión ll - ivan alarcon .pptx
Portafolio final comunicación y expresión ll - ivan alarcon .pptx
ivandavidalarconcata
 
Arquitectura Paleocristiana y bizantina.
Arquitectura Paleocristiana y bizantina.Arquitectura Paleocristiana y bizantina.
Arquitectura Paleocristiana y bizantina.
CamilaIsabelaRodrigu
 
Mito de Teseo y Ariadna Mito de Teseo y Ariadna.
Mito de Teseo y Ariadna Mito de Teseo y Ariadna.Mito de Teseo y Ariadna Mito de Teseo y Ariadna.
Mito de Teseo y Ariadna Mito de Teseo y Ariadna.
EduardoBalbi3
 
D Agostino Antonio Teoria Musical Moderna.pdf
D Agostino Antonio Teoria Musical Moderna.pdfD Agostino Antonio Teoria Musical Moderna.pdf
D Agostino Antonio Teoria Musical Moderna.pdf
gersonroman5
 
FICHASNUMEROSDEPAGINASDEUNO A CINCO AÑOS
FICHASNUMEROSDEPAGINASDEUNO A CINCO AÑOSFICHASNUMEROSDEPAGINASDEUNO A CINCO AÑOS
FICHASNUMEROSDEPAGINASDEUNO A CINCO AÑOS
ClaudiaCastro129845
 
diagrama de flujo de hackeo de almeida edgar.pptx
diagrama de flujo de hackeo de almeida edgar.pptxdiagrama de flujo de hackeo de almeida edgar.pptx
diagrama de flujo de hackeo de almeida edgar.pptx
gabriel guaicara
 
Tanatologia y Tanatopraxia Instituto CEF
Tanatologia y Tanatopraxia Instituto CEFTanatologia y Tanatopraxia Instituto CEF
Tanatologia y Tanatopraxia Instituto CEF
ntraverso1
 
ARQUITECTURA PALEOCRISTIANA Y BIZANTINAA
ARQUITECTURA PALEOCRISTIANA Y BIZANTINAAARQUITECTURA PALEOCRISTIANA Y BIZANTINAA
ARQUITECTURA PALEOCRISTIANA Y BIZANTINAA
andrea Varela
 
39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA
39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA
39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA
Universidad de Ciencias Aplicadas y Ambientales U.D.C.A
 
Artistic Experience - Una idea innovadora
Artistic Experience - Una idea innovadoraArtistic Experience - Una idea innovadora
Artistic Experience - Una idea innovadora
martinez012tm
 
El sistema solar y sus planetas.PRESENTACION
El sistema solar y sus planetas.PRESENTACIONEl sistema solar y sus planetas.PRESENTACION
El sistema solar y sus planetas.PRESENTACION
rarespruna1
 
CUADERNO GRUPAL wbigxvmdhishlsgksmhdhkdkhskgskgsglzkgKgsgkzkhpotx
CUADERNO GRUPAL wbigxvmdhishlsgksmhdhkdkhskgskgsglzkgKgsgkzkhpotxCUADERNO GRUPAL wbigxvmdhishlsgksmhdhkdkhskgskgsglzkgKgsgkzkhpotx
CUADERNO GRUPAL wbigxvmdhishlsgksmhdhkdkhskgskgsglzkgKgsgkzkhpotx
nicolaspea55
 
Zona_Sur_ODONTOLOGIA pdf 2024 mayo kin jk
Zona_Sur_ODONTOLOGIA pdf 2024 mayo kin jkZona_Sur_ODONTOLOGIA pdf 2024 mayo kin jk
Zona_Sur_ODONTOLOGIA pdf 2024 mayo kin jk
MonicaCatan
 
11. Arquitectura Paraguaya Contemporánea.pdf
11. Arquitectura Paraguaya Contemporánea.pdf11. Arquitectura Paraguaya Contemporánea.pdf
11. Arquitectura Paraguaya Contemporánea.pdf
AColman97
 
imagenes cultura paracas para exposicion
imagenes cultura paracas para exposicionimagenes cultura paracas para exposicion
imagenes cultura paracas para exposicion
SedeBelisario
 
9. GEOGRAFÍA FÍSICA DEL PERÚFFFFFFFF.pdf
9. GEOGRAFÍA FÍSICA DEL PERÚFFFFFFFF.pdf9. GEOGRAFÍA FÍSICA DEL PERÚFFFFFFFF.pdf
9. GEOGRAFÍA FÍSICA DEL PERÚFFFFFFFF.pdf
DayanaVsquezReyes
 
Mapa de historia, arquitectura bizantina y paleocristiana.
Mapa de historia, arquitectura bizantina y paleocristiana.Mapa de historia, arquitectura bizantina y paleocristiana.
Mapa de historia, arquitectura bizantina y paleocristiana.
Luis Martínez
 

Último (20)

Bitácora de historia: barroco y neoclásico
Bitácora de historia: barroco y neoclásicoBitácora de historia: barroco y neoclásico
Bitácora de historia: barroco y neoclásico
 
ESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRES
ESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRESESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRES
ESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRES
 
Folleto tríptico informativo datos sida vih sencillo rosa rojo blanco.pdf
Folleto tríptico informativo datos sida vih sencillo rosa rojo blanco.pdfFolleto tríptico informativo datos sida vih sencillo rosa rojo blanco.pdf
Folleto tríptico informativo datos sida vih sencillo rosa rojo blanco.pdf
 
Portafolio final comunicación y expresión ll - ivan alarcon .pptx
Portafolio final comunicación y expresión ll - ivan alarcon .pptxPortafolio final comunicación y expresión ll - ivan alarcon .pptx
Portafolio final comunicación y expresión ll - ivan alarcon .pptx
 
Arquitectura Paleocristiana y bizantina.
Arquitectura Paleocristiana y bizantina.Arquitectura Paleocristiana y bizantina.
Arquitectura Paleocristiana y bizantina.
 
Mito de Teseo y Ariadna Mito de Teseo y Ariadna.
Mito de Teseo y Ariadna Mito de Teseo y Ariadna.Mito de Teseo y Ariadna Mito de Teseo y Ariadna.
Mito de Teseo y Ariadna Mito de Teseo y Ariadna.
 
D Agostino Antonio Teoria Musical Moderna.pdf
D Agostino Antonio Teoria Musical Moderna.pdfD Agostino Antonio Teoria Musical Moderna.pdf
D Agostino Antonio Teoria Musical Moderna.pdf
 
FICHASNUMEROSDEPAGINASDEUNO A CINCO AÑOS
FICHASNUMEROSDEPAGINASDEUNO A CINCO AÑOSFICHASNUMEROSDEPAGINASDEUNO A CINCO AÑOS
FICHASNUMEROSDEPAGINASDEUNO A CINCO AÑOS
 
diagrama de flujo de hackeo de almeida edgar.pptx
diagrama de flujo de hackeo de almeida edgar.pptxdiagrama de flujo de hackeo de almeida edgar.pptx
diagrama de flujo de hackeo de almeida edgar.pptx
 
Tanatologia y Tanatopraxia Instituto CEF
Tanatologia y Tanatopraxia Instituto CEFTanatologia y Tanatopraxia Instituto CEF
Tanatologia y Tanatopraxia Instituto CEF
 
ARQUITECTURA PALEOCRISTIANA Y BIZANTINAA
ARQUITECTURA PALEOCRISTIANA Y BIZANTINAAARQUITECTURA PALEOCRISTIANA Y BIZANTINAA
ARQUITECTURA PALEOCRISTIANA Y BIZANTINAA
 
39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA
39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA
39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA
 
Artistic Experience - Una idea innovadora
Artistic Experience - Una idea innovadoraArtistic Experience - Una idea innovadora
Artistic Experience - Una idea innovadora
 
El sistema solar y sus planetas.PRESENTACION
El sistema solar y sus planetas.PRESENTACIONEl sistema solar y sus planetas.PRESENTACION
El sistema solar y sus planetas.PRESENTACION
 
CUADERNO GRUPAL wbigxvmdhishlsgksmhdhkdkhskgskgsglzkgKgsgkzkhpotx
CUADERNO GRUPAL wbigxvmdhishlsgksmhdhkdkhskgskgsglzkgKgsgkzkhpotxCUADERNO GRUPAL wbigxvmdhishlsgksmhdhkdkhskgskgsglzkgKgsgkzkhpotx
CUADERNO GRUPAL wbigxvmdhishlsgksmhdhkdkhskgskgsglzkgKgsgkzkhpotx
 
Zona_Sur_ODONTOLOGIA pdf 2024 mayo kin jk
Zona_Sur_ODONTOLOGIA pdf 2024 mayo kin jkZona_Sur_ODONTOLOGIA pdf 2024 mayo kin jk
Zona_Sur_ODONTOLOGIA pdf 2024 mayo kin jk
 
11. Arquitectura Paraguaya Contemporánea.pdf
11. Arquitectura Paraguaya Contemporánea.pdf11. Arquitectura Paraguaya Contemporánea.pdf
11. Arquitectura Paraguaya Contemporánea.pdf
 
imagenes cultura paracas para exposicion
imagenes cultura paracas para exposicionimagenes cultura paracas para exposicion
imagenes cultura paracas para exposicion
 
9. GEOGRAFÍA FÍSICA DEL PERÚFFFFFFFF.pdf
9. GEOGRAFÍA FÍSICA DEL PERÚFFFFFFFF.pdf9. GEOGRAFÍA FÍSICA DEL PERÚFFFFFFFF.pdf
9. GEOGRAFÍA FÍSICA DEL PERÚFFFFFFFF.pdf
 
Mapa de historia, arquitectura bizantina y paleocristiana.
Mapa de historia, arquitectura bizantina y paleocristiana.Mapa de historia, arquitectura bizantina y paleocristiana.
Mapa de historia, arquitectura bizantina y paleocristiana.
 

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>