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

Más contenido relacionado

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 mariomiguel197076
 
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 Pacmanjuliaaof
 
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
 
Producto expo-sena
Producto expo-senaProducto expo-sena
Producto expo-senashdiaz
 
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 (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 html2503468
 
EVIDENCIA DE BASE DE DATOS
EVIDENCIA DE BASE DE DATOSEVIDENCIA DE BASE DE DATOS
EVIDENCIA DE BASE DE DATOS2503468
 
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 torre2503468
 
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
 
Plantilla normas pg 17
Plantilla normas pg 17Plantilla normas pg 17
Plantilla normas pg 172503468
 
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

DIDACTICA DEL TEATRO ESCOLAR EN EL PREESCOLAR.pdf
DIDACTICA DEL TEATRO ESCOLAR EN EL PREESCOLAR.pdfDIDACTICA DEL TEATRO ESCOLAR EN EL PREESCOLAR.pdf
DIDACTICA DEL TEATRO ESCOLAR EN EL PREESCOLAR.pdfsheilalopezcabrera1
 
la modernidad en la arquitectura afiche didactico
la modernidad en la arquitectura afiche didacticola modernidad en la arquitectura afiche didactico
la modernidad en la arquitectura afiche didacticofabianamarcano1
 
andrea arriojas afiche didactico, historia 4
andrea arriojas afiche didactico, historia 4andrea arriojas afiche didactico, historia 4
andrea arriojas afiche didactico, historia 4Andrea11166
 
APORTE HISTORICO Y CARACTERISTICAS ARQUITECTONICAS DE LE CORBUSSIER Y MIES VA...
APORTE HISTORICO Y CARACTERISTICAS ARQUITECTONICAS DE LE CORBUSSIER Y MIES VA...APORTE HISTORICO Y CARACTERISTICAS ARQUITECTONICAS DE LE CORBUSSIER Y MIES VA...
APORTE HISTORICO Y CARACTERISTICAS ARQUITECTONICAS DE LE CORBUSSIER Y MIES VA...alexvelasco39
 
Biografía de Isaac Newton, sus parientes y sus inventos
Biografía de Isaac Newton, sus parientes y sus inventosBiografía de Isaac Newton, sus parientes y sus inventos
Biografía de Isaac Newton, sus parientes y sus inventoslilianacajamarca3
 
Elementos del Dibujo: La línea como elemento principal
Elementos del Dibujo: La línea como elemento principalElementos del Dibujo: La línea como elemento principal
Elementos del Dibujo: La línea como elemento principaljflores44
 
Luz natural en Fotografía en exteriores1
Luz natural en Fotografía en exteriores1Luz natural en Fotografía en exteriores1
Luz natural en Fotografía en exteriores1photonikavzla
 
Vanguardias del s. XIX y XX. Arte visual Plástico en el Perú.
Vanguardias del s. XIX y XX. Arte visual Plástico en el Perú.Vanguardias del s. XIX y XX. Arte visual Plástico en el Perú.
Vanguardias del s. XIX y XX. Arte visual Plástico en el Perú.jennybetsabecamposhe
 
Nuestro Libro de aventuras película up.pdf
Nuestro Libro de aventuras película up.pdfNuestro Libro de aventuras película up.pdf
Nuestro Libro de aventuras película up.pdfmalvarado8
 
estamentos unjbg de la universidad de tacna
estamentos unjbg de la universidad de tacnaestamentos unjbg de la universidad de tacna
estamentos unjbg de la universidad de tacnaluischoquecota1
 
EVOLUCION DE LA DANZA.pptxhuhfytffiuyfui
EVOLUCION DE LA DANZA.pptxhuhfytffiuyfuiEVOLUCION DE LA DANZA.pptxhuhfytffiuyfui
EVOLUCION DE LA DANZA.pptxhuhfytffiuyfuireyesandre407
 
Trabajo historia sobre el Renacimiento en la arquitectura
Trabajo historia sobre el Renacimiento en la arquitecturaTrabajo historia sobre el Renacimiento en la arquitectura
Trabajo historia sobre el Renacimiento en la arquitecturaccastilloojeda12
 
"Armonía, proporción y matemáticas en la arquitectura griega: una tradición g...
"Armonía, proporción y matemáticas en la arquitectura griega: una tradición g..."Armonía, proporción y matemáticas en la arquitectura griega: una tradición g...
"Armonía, proporción y matemáticas en la arquitectura griega: una tradición g...dnmxd1213
 
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptxMapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptxMaraMilagrosBarrosMa
 
Arquitectura renacentista - Adriánn Díaz 30.118.599.pptx
Arquitectura renacentista - Adriánn Díaz 30.118.599.pptxArquitectura renacentista - Adriánn Díaz 30.118.599.pptx
Arquitectura renacentista - Adriánn Díaz 30.118.599.pptxAdriannDiaz
 
Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...
Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...
Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...CarlosMelgarejo25
 
Antigua Grecia 1234567890 1234576890940.pdf
Antigua Grecia 1234567890 1234576890940.pdfAntigua Grecia 1234567890 1234576890940.pdf
Antigua Grecia 1234567890 1234576890940.pdfVictoria867681
 
E.VIDAL LA PINTURA COSTUMBRISTA ,Catalog Mobile Presentation.pdf
E.VIDAL LA PINTURA COSTUMBRISTA ,Catalog Mobile Presentation.pdfE.VIDAL LA PINTURA COSTUMBRISTA ,Catalog Mobile Presentation.pdf
E.VIDAL LA PINTURA COSTUMBRISTA ,Catalog Mobile Presentation.pdfEusebioVidal1
 
Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...
Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...
Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...CLAUDIA GINGLIONA RAMÍREZ DIFILIPPI
 
HISTORIA DE LA FILOSOFÍA DE FRANCISCO SUAREZ
HISTORIA DE LA FILOSOFÍA DE FRANCISCO SUAREZHISTORIA DE LA FILOSOFÍA DE FRANCISCO SUAREZ
HISTORIA DE LA FILOSOFÍA DE FRANCISCO SUAREZAnthonellaQuispe
 

Último (20)

DIDACTICA DEL TEATRO ESCOLAR EN EL PREESCOLAR.pdf
DIDACTICA DEL TEATRO ESCOLAR EN EL PREESCOLAR.pdfDIDACTICA DEL TEATRO ESCOLAR EN EL PREESCOLAR.pdf
DIDACTICA DEL TEATRO ESCOLAR EN EL PREESCOLAR.pdf
 
la modernidad en la arquitectura afiche didactico
la modernidad en la arquitectura afiche didacticola modernidad en la arquitectura afiche didactico
la modernidad en la arquitectura afiche didactico
 
andrea arriojas afiche didactico, historia 4
andrea arriojas afiche didactico, historia 4andrea arriojas afiche didactico, historia 4
andrea arriojas afiche didactico, historia 4
 
APORTE HISTORICO Y CARACTERISTICAS ARQUITECTONICAS DE LE CORBUSSIER Y MIES VA...
APORTE HISTORICO Y CARACTERISTICAS ARQUITECTONICAS DE LE CORBUSSIER Y MIES VA...APORTE HISTORICO Y CARACTERISTICAS ARQUITECTONICAS DE LE CORBUSSIER Y MIES VA...
APORTE HISTORICO Y CARACTERISTICAS ARQUITECTONICAS DE LE CORBUSSIER Y MIES VA...
 
Biografía de Isaac Newton, sus parientes y sus inventos
Biografía de Isaac Newton, sus parientes y sus inventosBiografía de Isaac Newton, sus parientes y sus inventos
Biografía de Isaac Newton, sus parientes y sus inventos
 
Elementos del Dibujo: La línea como elemento principal
Elementos del Dibujo: La línea como elemento principalElementos del Dibujo: La línea como elemento principal
Elementos del Dibujo: La línea como elemento principal
 
Luz natural en Fotografía en exteriores1
Luz natural en Fotografía en exteriores1Luz natural en Fotografía en exteriores1
Luz natural en Fotografía en exteriores1
 
Vanguardias del s. XIX y XX. Arte visual Plástico en el Perú.
Vanguardias del s. XIX y XX. Arte visual Plástico en el Perú.Vanguardias del s. XIX y XX. Arte visual Plástico en el Perú.
Vanguardias del s. XIX y XX. Arte visual Plástico en el Perú.
 
Nuestro Libro de aventuras película up.pdf
Nuestro Libro de aventuras película up.pdfNuestro Libro de aventuras película up.pdf
Nuestro Libro de aventuras película up.pdf
 
estamentos unjbg de la universidad de tacna
estamentos unjbg de la universidad de tacnaestamentos unjbg de la universidad de tacna
estamentos unjbg de la universidad de tacna
 
EVOLUCION DE LA DANZA.pptxhuhfytffiuyfui
EVOLUCION DE LA DANZA.pptxhuhfytffiuyfuiEVOLUCION DE LA DANZA.pptxhuhfytffiuyfui
EVOLUCION DE LA DANZA.pptxhuhfytffiuyfui
 
Trabajo historia sobre el Renacimiento en la arquitectura
Trabajo historia sobre el Renacimiento en la arquitecturaTrabajo historia sobre el Renacimiento en la arquitectura
Trabajo historia sobre el Renacimiento en la arquitectura
 
"Armonía, proporción y matemáticas en la arquitectura griega: una tradición g...
"Armonía, proporción y matemáticas en la arquitectura griega: una tradición g..."Armonía, proporción y matemáticas en la arquitectura griega: una tradición g...
"Armonía, proporción y matemáticas en la arquitectura griega: una tradición g...
 
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptxMapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
Mapa-conceptual-de-la-Primera-Guerra-Mundial.pptx
 
Arquitectura renacentista - Adriánn Díaz 30.118.599.pptx
Arquitectura renacentista - Adriánn Díaz 30.118.599.pptxArquitectura renacentista - Adriánn Díaz 30.118.599.pptx
Arquitectura renacentista - Adriánn Díaz 30.118.599.pptx
 
Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...
Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...
Relato Bélico sobre la Guerra entre los paises sudamericanos Bolivia y Paragu...
 
Antigua Grecia 1234567890 1234576890940.pdf
Antigua Grecia 1234567890 1234576890940.pdfAntigua Grecia 1234567890 1234576890940.pdf
Antigua Grecia 1234567890 1234576890940.pdf
 
E.VIDAL LA PINTURA COSTUMBRISTA ,Catalog Mobile Presentation.pdf
E.VIDAL LA PINTURA COSTUMBRISTA ,Catalog Mobile Presentation.pdfE.VIDAL LA PINTURA COSTUMBRISTA ,Catalog Mobile Presentation.pdf
E.VIDAL LA PINTURA COSTUMBRISTA ,Catalog Mobile Presentation.pdf
 
Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...
Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...
Artes/ObrasMaestras del siglo XVI - tiempos BY: CLAUDIA GINGLIONA RAMÍREZ DIF...
 
HISTORIA DE LA FILOSOFÍA DE FRANCISCO SUAREZ
HISTORIA DE LA FILOSOFÍA DE FRANCISCO SUAREZHISTORIA DE LA FILOSOFÍA DE FRANCISCO SUAREZ
HISTORIA DE LA FILOSOFÍA DE FRANCISCO SUAREZ
 

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>