SlideShare une entreprise Scribd logo
Colegio Nacional Nicolás Esguerra
EDIFICAMOS FUTURO
Darwin Lugo Rivillas 904
PAGINA WEB 3
FORMATEAR TEXTO <FONT>
Las propiedades del texto pueden modificarse a través de la etiqueta <font>. Para
ello, podemos insertar el texto entre las etiquetas <font> y </font>, especificando
algunos de los atributos de la etiqueta:
EJEMPLO:
Para decir: “Pagina Web 3” escribimos lo siguiente
<font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans
Serif"> Pagina Web 3</font>
RESALTADO DE TEXTO <B> :
Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto que
se encuentra entre ellas, y generalmente se utilizan para resaltarlo. Estos estilos
pueden agruparse según vayan asociados al tipo de letra o a la información que
represente el texto:
EJEMPLO:
Si queremos escribir “Pagina Web 3”
<font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">
Pagina <b><u><tt>Web 3 </tt></u></b></font>
PARRAFOS <P>:
El texto de una página puede agruparse en párrafos. Para ello, el texto de cada
uno de los párrafos debe insertarse entre las etiquetas <p> y </p>.
No es necesario insertar la etiqueta <br> para que un nuevo párrafo aparezca
debajo del anterior, ya que las etiquetas <p> y </p> hacen que se cambie de línea
automáticamente.
También es posible cambiar la alineación del texto de cada párrafo. Para ello se
modifica el valor del atributo align, cuyos valores pueden ser left (izquierda), right
(derecha), center (centrado) o justify (justificado).
EJEMPLO:
Para escribir: “Pagina Web 3”
“aquí encontrara todo el progreso del periodo”
<p align="center"> Pagina Web 3</p>
<p>aquí encontrara todo el progreso del periodo.</p>
ENCABEZADOS <H1>:
Existen una serie de encabezados que suelen utilizarse para establecer títulos
dentro de una página. La diferencia entre los distintos tipos de encabezado es el
tamaño de la letra, el tipo de resaltado, y la separación existente entre el texto y
los elementos que tiene encima y debajo de él.
EJEMPLO:
Para escribir “código html”
<H2 align="center">El lenguaje HTML</H2>
MARQUESINAS <MARQUEE>:
Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de
la ventana en forma de línea.
Para insertar una marquesina, es necesario insertar el texto entre las etiquetas
<marquee> y </marquee>.
EJEMPLO:
para hacer la marquesina anterior hay que escribir las siguientes líneas
<marquee bgcolor="#006699" behavior="alternate" direction="right"> <b><font
color="#FFFFCC" size="5">Esto es una marquesina </font></b> </marquee>

Contenu connexe

Tendances (17)

Tagshtml
TagshtmlTagshtml
Tagshtml
 
html
htmlhtml
html
 
Mmml
MmmlMmml
Mmml
 
Presentación unidad tres
Presentación unidad tresPresentación unidad tres
Presentación unidad tres
 
Resumen
ResumenResumen
Resumen
 
Peres el crack
Peres el crackPeres el crack
Peres el crack
 
Ventana de word2
Ventana de word2Ventana de word2
Ventana de word2
 
Páginas html
Páginas htmlPáginas html
Páginas html
 
Páginas web con html
Páginas web con htmlPáginas web con html
Páginas web con html
 
Microsoft accesss 2015 maryi
Microsoft accesss 2015 maryiMicrosoft accesss 2015 maryi
Microsoft accesss 2015 maryi
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Ventana de word
Ventana de wordVentana de word
Ventana de word
 
Informati caa (1)
Informati caa (1)Informati caa (1)
Informati caa (1)
 
Saltos de pagina y seccion
Saltos de pagina y seccionSaltos de pagina y seccion
Saltos de pagina y seccion
 
Mapa conceptual
Mapa conceptual Mapa conceptual
Mapa conceptual
 
TAREA DEL CSS
TAREA DEL CSSTAREA DEL CSS
TAREA DEL CSS
 

En vedette

Don't just join an organization, lead one
Don't just join an organization, lead oneDon't just join an organization, lead one
Don't just join an organization, lead one
Frank Rzeznikiewicz
 
Oman Observer Article Jan 2016
Oman Observer Article Jan 2016Oman Observer Article Jan 2016
Oman Observer Article Jan 2016
Geoff Murray
 
NUMERICAL SIMULATION OF FLOW INSIDE THE SQUARE CAVITY
NUMERICAL SIMULATION OF FLOW INSIDE THE SQUARE CAVITYNUMERICAL SIMULATION OF FLOW INSIDE THE SQUARE CAVITY
NUMERICAL SIMULATION OF FLOW INSIDE THE SQUARE CAVITY
International Journal of Technical Research & Application
 
Leesman Review Issue Leesman Review Issue 17
Leesman Review Issue Leesman Review Issue 17Leesman Review Issue Leesman Review Issue 17
Leesman Review Issue Leesman Review Issue 17
Paige Hodsman
 

En vedette (19)

Don't just join an organization, lead one
Don't just join an organization, lead oneDon't just join an organization, lead one
Don't just join an organization, lead one
 
Oman Observer Article Jan 2016
Oman Observer Article Jan 2016Oman Observer Article Jan 2016
Oman Observer Article Jan 2016
 
JC Cert 2
JC Cert 2JC Cert 2
JC Cert 2
 
GREY RELATIONAL ANALYSIS TO OPTIMIZE WELDING PARAMETERS FOR DISSIMILAR SHEETS...
GREY RELATIONAL ANALYSIS TO OPTIMIZE WELDING PARAMETERS FOR DISSIMILAR SHEETS...GREY RELATIONAL ANALYSIS TO OPTIMIZE WELDING PARAMETERS FOR DISSIMILAR SHEETS...
GREY RELATIONAL ANALYSIS TO OPTIMIZE WELDING PARAMETERS FOR DISSIMILAR SHEETS...
 
LABOUR MANAGEMENT IN CONSTRUCTION MANAGEMENT IN THE DEVELOPING COUNTRIES
LABOUR MANAGEMENT IN CONSTRUCTION MANAGEMENT IN THE DEVELOPING COUNTRIESLABOUR MANAGEMENT IN CONSTRUCTION MANAGEMENT IN THE DEVELOPING COUNTRIES
LABOUR MANAGEMENT IN CONSTRUCTION MANAGEMENT IN THE DEVELOPING COUNTRIES
 
Matter unittest
Matter unittestMatter unittest
Matter unittest
 
Testing/Manufacture/Rubber & plastic testing equipments
Testing/Manufacture/Rubber & plastic testing equipmentsTesting/Manufacture/Rubber & plastic testing equipments
Testing/Manufacture/Rubber & plastic testing equipments
 
Care designpwpt.net
Care designpwpt.netCare designpwpt.net
Care designpwpt.net
 
Descarga Parcial de Cables - Conferencia Virtual
Descarga Parcial de Cables - Conferencia VirtualDescarga Parcial de Cables - Conferencia Virtual
Descarga Parcial de Cables - Conferencia Virtual
 
NUMERICAL SIMULATION OF FLOW INSIDE THE SQUARE CAVITY
NUMERICAL SIMULATION OF FLOW INSIDE THE SQUARE CAVITYNUMERICAL SIMULATION OF FLOW INSIDE THE SQUARE CAVITY
NUMERICAL SIMULATION OF FLOW INSIDE THE SQUARE CAVITY
 
Leesman Review Issue Leesman Review Issue 17
Leesman Review Issue Leesman Review Issue 17Leesman Review Issue Leesman Review Issue 17
Leesman Review Issue Leesman Review Issue 17
 
Ijtra130510
Ijtra130510Ijtra130510
Ijtra130510
 
Welcome to My Health Experience
Welcome to My Health ExperienceWelcome to My Health Experience
Welcome to My Health Experience
 
Operating system day 3
Operating system   day 3Operating system   day 3
Operating system day 3
 
Music video research
Music video researchMusic video research
Music video research
 
Exposicion
ExposicionExposicion
Exposicion
 
Nonprolif2 151014031014-44444444
Nonprolif2 151014031014-44444444Nonprolif2 151014031014-44444444
Nonprolif2 151014031014-44444444
 
Adaptive Self-Service Cloud Option Helps RingCentral Optimize Big Data and Co...
Adaptive Self-Service Cloud Option Helps RingCentral Optimize Big Data and Co...Adaptive Self-Service Cloud Option Helps RingCentral Optimize Big Data and Co...
Adaptive Self-Service Cloud Option Helps RingCentral Optimize Big Data and Co...
 
особенности течения вирусных гепатитов у детей
особенности течения вирусных гепатитов у детейособенности течения вирусных гепатитов у детей
особенности течения вирусных гепатитов у детей
 

Similaire à Web 2 (20)

Nmvkhl
NmvkhlNmvkhl
Nmvkhl
 
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)
 
Nikolivardo s.a
Nikolivardo s.aNikolivardo s.a
Nikolivardo s.a
 
HTML 3
HTML 3HTML 3
HTML 3
 
unidad 3
unidad 3unidad 3
unidad 3
 
Pagina web 3 final
Pagina web 3 finalPagina web 3 final
Pagina web 3 final
 
Pagina web 3.
Pagina web 3.Pagina web 3.
Pagina web 3.
 
Yees
YeesYees
Yees
 
Html unidad 3 iii
Html unidad 3 iiiHtml unidad 3 iii
Html unidad 3 iii
 
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)
 
Pagina web 3
Pagina web 3Pagina web 3
Pagina web 3
 
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
 
Taller 3
Taller 3Taller 3
Taller 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
Colegio nacional nicolas esguerra iii
Colegio nacional nicolas esguerra iiiColegio nacional nicolas esguerra iii
Colegio nacional nicolas esguerra iii
 
g5rg5tr
g5rg5trg5rg5tr
g5rg5tr
 

Plus de darwlu (20)

Web 4
Web 4Web 4
Web 4
 
Web3
Web3Web3
Web3
 
DF
DFDF
DF
 
n
nn
n
 
sdf
sdfsdf
sdf
 
d
dd
d
 
sdf
sdfsdf
sdf
 
sdsdf
sdsdfsdsdf
sdsdf
 
sas
sassas
sas
 
Doc2
Doc2Doc2
Doc2
 
g
gg
g
 
f
ff
f
 
k
kk
k
 
jn
jn jn
jn
 
gf
gfgf
gf
 
gh
ghgh
gh
 
df
dfdf
df
 
nh
nhnh
nh
 
Tabla multiplicar
Tabla multiplicarTabla multiplicar
Tabla multiplicar
 
87
8787
87
 

Dernier

Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdfPresentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
juancmendez1405
 

Dernier (20)

Presentación Revistas y Periódicos Digitales
Presentación Revistas y Periódicos DigitalesPresentación Revistas y Periódicos Digitales
Presentación Revistas y Periódicos Digitales
 
Tipologías de vínculos afectivos (grupo)
Tipologías de vínculos afectivos (grupo)Tipologías de vínculos afectivos (grupo)
Tipologías de vínculos afectivos (grupo)
 
22 Feria Gambetta, en Pedro Planas 29 mayo 2024 (1).docx
22 Feria Gambetta, en Pedro Planas 29 mayo 2024 (1).docx22 Feria Gambetta, en Pedro Planas 29 mayo 2024 (1).docx
22 Feria Gambetta, en Pedro Planas 29 mayo 2024 (1).docx
 
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdfRESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
 
📝 Semana 09 - Tema 01: Tarea - Redacción del texto argumentativo
📝 Semana 09 - Tema 01: Tarea - Redacción del texto argumentativo📝 Semana 09 - Tema 01: Tarea - Redacción del texto argumentativo
📝 Semana 09 - Tema 01: Tarea - Redacción del texto argumentativo
 
32 LECTURAS CORTAS PARA NIÑOS.pdf · versión 1.pdf
32 LECTURAS CORTAS PARA NIÑOS.pdf · versión 1.pdf32 LECTURAS CORTAS PARA NIÑOS.pdf · versión 1.pdf
32 LECTURAS CORTAS PARA NIÑOS.pdf · versión 1.pdf
 
Cuadro Sinóptico Arquitectura Barroca Historia
Cuadro Sinóptico Arquitectura Barroca HistoriaCuadro Sinóptico Arquitectura Barroca Historia
Cuadro Sinóptico Arquitectura Barroca Historia
 
Proceso de admisiones en escuelas infantiles de Pamplona
Proceso de admisiones en escuelas infantiles de PamplonaProceso de admisiones en escuelas infantiles de Pamplona
Proceso de admisiones en escuelas infantiles de Pamplona
 
Poemas de Beatriz Giménez de Ory_trabajos de 6º
Poemas de Beatriz Giménez de Ory_trabajos de 6ºPoemas de Beatriz Giménez de Ory_trabajos de 6º
Poemas de Beatriz Giménez de Ory_trabajos de 6º
 
Proceso de gestión de obras - Aquí tu Remodelación
Proceso de gestión de obras - Aquí tu RemodelaciónProceso de gestión de obras - Aquí tu Remodelación
Proceso de gestión de obras - Aquí tu Remodelación
 
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
 
6.Deícticos Dos_Enfermería_EspanolAcademico
6.Deícticos Dos_Enfermería_EspanolAcademico6.Deícticos Dos_Enfermería_EspanolAcademico
6.Deícticos Dos_Enfermería_EspanolAcademico
 
ensayo literario rios profundos jose maria ARGUEDAS
ensayo literario rios profundos jose maria ARGUEDASensayo literario rios profundos jose maria ARGUEDAS
ensayo literario rios profundos jose maria ARGUEDAS
 
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdfPresentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
 
ACERTIJO LA RUTA DE LAS ADIVINANZAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
ACERTIJO LA RUTA DE LAS ADIVINANZAS OLÍMPICAS. Por JAVIER SOLIS NOYOLAACERTIJO LA RUTA DE LAS ADIVINANZAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
ACERTIJO LA RUTA DE LAS ADIVINANZAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
 
Vínculo afectivo (labor expositivo de grupo )
Vínculo afectivo (labor expositivo de grupo )Vínculo afectivo (labor expositivo de grupo )
Vínculo afectivo (labor expositivo de grupo )
 
TRABAJO CON TRES O MAS FRACCIONES PARA NIÑOS
TRABAJO CON TRES O MAS FRACCIONES PARA NIÑOSTRABAJO CON TRES O MAS FRACCIONES PARA NIÑOS
TRABAJO CON TRES O MAS FRACCIONES PARA NIÑOS
 
Orientación Académica y Profesional 4º de ESO- OrientArte
Orientación Académica y Profesional 4º de ESO- OrientArteOrientación Académica y Profesional 4º de ESO- OrientArte
Orientación Académica y Profesional 4º de ESO- OrientArte
 
3.Conectores uno_Enfermería_EspAcademico
3.Conectores uno_Enfermería_EspAcademico3.Conectores uno_Enfermería_EspAcademico
3.Conectores uno_Enfermería_EspAcademico
 
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
 

Web 2

  • 1. Colegio Nacional Nicolás Esguerra EDIFICAMOS FUTURO Darwin Lugo Rivillas 904 PAGINA WEB 3 FORMATEAR TEXTO <FONT> Las propiedades del texto pueden modificarse a través de la etiqueta <font>. Para ello, podemos insertar el texto entre las etiquetas <font> y </font>, especificando algunos de los atributos de la etiqueta: EJEMPLO: Para decir: “Pagina Web 3” escribimos lo siguiente <font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif"> Pagina Web 3</font> RESALTADO DE TEXTO <B> : Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto que se encuentra entre ellas, y generalmente se utilizan para resaltarlo. Estos estilos pueden agruparse según vayan asociados al tipo de letra o a la información que represente el texto:
  • 2. EJEMPLO: Si queremos escribir “Pagina Web 3” <font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif"> Pagina <b><u><tt>Web 3 </tt></u></b></font> PARRAFOS <P>: El texto de una página puede agruparse en párrafos. Para ello, el texto de cada uno de los párrafos debe insertarse entre las etiquetas <p> y </p>. No es necesario insertar la etiqueta <br> para que un nuevo párrafo aparezca debajo del anterior, ya que las etiquetas <p> y </p> hacen que se cambie de línea automáticamente. También es posible cambiar la alineación del texto de cada párrafo. Para ello se modifica el valor del atributo align, cuyos valores pueden ser left (izquierda), right (derecha), center (centrado) o justify (justificado). EJEMPLO: Para escribir: “Pagina Web 3” “aquí encontrara todo el progreso del periodo” <p align="center"> Pagina Web 3</p> <p>aquí encontrara todo el progreso del periodo.</p>
  • 3. ENCABEZADOS <H1>: Existen una serie de encabezados que suelen utilizarse para establecer títulos dentro de una página. La diferencia entre los distintos tipos de encabezado es el tamaño de la letra, el tipo de resaltado, y la separación existente entre el texto y los elementos que tiene encima y debajo de él. EJEMPLO: Para escribir “código html” <H2 align="center">El lenguaje HTML</H2> MARQUESINAS <MARQUEE>: Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma de línea. Para insertar una marquesina, es necesario insertar el texto entre las etiquetas <marquee> y </marquee>.
  • 4. EJEMPLO: para hacer la marquesina anterior hay que escribir las siguientes líneas <marquee bgcolor="#006699" behavior="alternate" direction="right"> <b><font color="#FFFFCC" size="5">Esto es una marquesina </font></b> </marquee>