SlideShare una empresa de Scribd logo
COLEGIO NACIONAL NICOLAS ESGUERRA
Nombres juansebastianbaron
Julianbarbosa
Tema 1
El elemento que suele utilizarse para separar secciones dentro de una misma página es la regla horizontal. Para
insertar una regla horizontal hay que insertar la etiqueta <hr>. Dicha etiqueta no precisa ninguna etiqueta de cierre.
Es posible especificar algunos atributos de la regla horizontal:
Atributo Significado Posibles valores
ali
gn
alineación de la regla dentro
de la página
left (izquierda)
right (derecha)
center (centro)
width ancho de la regla
un número, acompañado de % cuando se desee
que sea en porcentaje
size alto de la regla un número
noshade
eliminar el sombreado de la
regla
no puede tomar valores
Por ejemplo, para insertar el texto y la regla horizontal siguientes:
Inicio
Bienvenidos a mi página.
Habría que escribir:
Inicio<hr align="left" width="300%" size="5" noshade>Bienvenidos a mi
p&aacute;gina.
Sangrado de texto
La sangría es una especie de margen que se establece a ambos lados del texto. Para que un texto aparezca sangrado, se inserta entre
las etiquetas <blockquote> y </blockquote>.
Esta etiqueta en un principio se definió para delimitar citas pero que como la mayoría de los navegadores resuelven la cita incluyendo un
sangrado del texto, su uso para sangrar texto se ha generalizado.
El uso de la etiqueta <blockquote> obliga a que el texto aparezca en una nueva línea.
Insertando el texto entre varias etiquetas <blockquote> y </blockquote> se consigue que los márgenes sean mayores.
Por ejemplo, para insertar el texto:
Habría que escribir:
<font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a
www.aulaclic.com</font>
También es posible definir una fuente para todo el documento. Para ello, hay que insertar la
etiqueta <basefont> después de la etiqueta <body>.
La etiqueta <basefont> no necesita una etiqueta de cierre, y permite modificar los mismos atributos del texto que
la etiqueta <font>.
Por ejemplo:
<body>
<basefont color="#006699" size="4" face="Arial">
...
Este código haría que la fuente del documento fuera por defecto de color azul, de tamaño 4 y Arial. Si después de
indicar la etiqueta <basefont> o <font>, el navegador encuentra otra etiqueta <font>, la que prevalece es siempre
la última que se encuentra.
Atributo Significado Posibles valores
fa
ce
fuente nombre de la fuente, o fuentes
color color del texto número hexadecimal o texto predefinido
size tamaño del texto
valores del 1 al 7, siendo por defecto el 3,
o desplazamiento respecto al tamaño por defecto,
añadiendo + o - delante del valor
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. No hay que olvidar que todas estas etiquetas necesitan una etiqueta de cierre, y
que pueden aplicarse varias etiquetas al mismo texto.
A continuación se muestran algunas etiquetas asociadas al tipo de letra:
Etiqueta Significado Ejemplo
<b> negrita curso HTML aulaclic
<i> cursiva curso HTML aulaclic
<u> subrayado curso HTML aulaclic
<s> tachado curso HTML aulaclic
<tt> teletipo (máquina de escribir) curso HTML aulaclic
<big> aumenta el tamaño de la fuente curso HTML aulaclic
<small> disminuye el tamaño de la fuente curso HTML aulaclic
A continuación se muestran algunas etiquetas asociadas al tipo de información:
Etiqueta Significado Ejemplo
<cit
e>
cita curso HTML aulaclic
<code> ejemplo de código curso HTML aulaclic
<dfn> definición curso HTML aulaclic
<del> eliminado curso HTML aulaclic
<em> énfasis curso HTML aulaclic
<ins> insertado curso HTML aulaclic
<kbd> teclado curso HTML aulaclic
<samp> muestra curso HTML aulaclic
<strong> destacado curso HTML aulaclic
<sub> subíndice curso HTML aulaclic
<sup> superíndice curso HTML aulaclic
<var> variable curso HTML aulaclic
Resaltado del texto <b> ...
Documento numero 1

Más contenido relacionado

La actualidad más candente

Qué es html
Qué es htmlQué es html
Qué es htmledujoso
 
Qué Son Las Css
Qué Son Las CssQué Son Las Css
Qué Son Las Css
Maximiliano Martin
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
laureanag
 
Hojas de Estilos en Cascada (CSS) - Apuntes
Hojas de Estilos en Cascada (CSS) - ApuntesHojas de Estilos en Cascada (CSS) - Apuntes
Hojas de Estilos en Cascada (CSS) - Apuntes
Fernando Irigaray
 
Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTML
JuanMa Ruiz
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
lazercat
 
Etiquetas básicas de HTML
Etiquetas básicas de HTMLEtiquetas básicas de HTML
Etiquetas básicas de HTML
Martinez_M1
 
Etiquetas Diapositivas.
Etiquetas Diapositivas.Etiquetas Diapositivas.
Etiquetas Diapositivas.asdi
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas htmlup
 
El texto HTML
El texto HTMLEl texto HTML
El texto HTML
eduardodf47
 
Conceptos básicos Html
Conceptos básicos HtmlConceptos básicos Html
Conceptos básicos Html
Raymond Marquina
 
html
htmlhtml
valentin
valentinvalentin
Manual de html
Manual de htmlManual de html
Manual de html
Edison Boada
 
Html unidad 3
Html unidad 3Html unidad 3
Html unidad 3
Pipe Jimenez
 

La actualidad más candente (18)

Etiquetas para texto
Etiquetas para textoEtiquetas para texto
Etiquetas para texto
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Qué Son Las Css
Qué Son Las CssQué Son Las Css
Qué Son Las Css
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Hojas de Estilos en Cascada (CSS) - Apuntes
Hojas de Estilos en Cascada (CSS) - ApuntesHojas de Estilos en Cascada (CSS) - Apuntes
Hojas de Estilos en Cascada (CSS) - Apuntes
 
Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTML
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Etiquetas básicas de HTML
Etiquetas básicas de HTMLEtiquetas básicas de HTML
Etiquetas básicas de HTML
 
Etiquetas Diapositivas.
Etiquetas Diapositivas.Etiquetas Diapositivas.
Etiquetas Diapositivas.
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
3 johan
3 johan3 johan
3 johan
 
El texto HTML
El texto HTMLEl texto HTML
El texto HTML
 
Clase 2
Clase 2Clase 2
Clase 2
 
Conceptos básicos Html
Conceptos básicos HtmlConceptos básicos Html
Conceptos básicos Html
 
html
htmlhtml
html
 
valentin
valentinvalentin
valentin
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Html unidad 3
Html unidad 3Html unidad 3
Html unidad 3
 

Similar a Documento numero 1

Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
Santhii Sastoque
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
Santhii Sastoque
 
Html
HtmlHtml
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
Ivan Perez
 
Presentacion de etiquetas "HTML"
Presentacion de etiquetas "HTML"Presentacion de etiquetas "HTML"
Presentacion de etiquetas "HTML"
Ivan Perez
 
Presentación unidad tres
Presentación unidad tresPresentación unidad tres
Presentación unidad tres
Isaac Felipe Beltran Lopez
 
Html111
Html111Html111
Html111
pelusa0104
 
Organigramas John Jayro
Organigramas John JayroOrganigramas John Jayro
Organigramas John Jayro
John Jayro
 
TAREA DEL CSS
TAREA DEL CSSTAREA DEL CSS
TAREA DEL CSS
romimaira
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Daniel Romero Jiménez
 
Presentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTMLPresentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTML
andreajose13
 
Portales ud4 - lenguaje html
Portales   ud4 - lenguaje htmlPortales   ud4 - lenguaje html
Portales ud4 - lenguaje html
Rawdoom
 
Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1 Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1
Emmanuel Ortiz Gutierrez
 
Presentación HTML
Presentación HTML Presentación HTML
Presentación HTML
GregorioBlazquezMart
 
Lineas separadoras etiquetas hr comentarios html atributos noshade
Lineas separadoras etiquetas hr comentarios html atributos noshadeLineas separadoras etiquetas hr comentarios html atributos noshade
Lineas separadoras etiquetas hr comentarios html atributos noshade
noelia alarcon
 

Similar a Documento numero 1 (20)

Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Texto del html
Texto del htmlTexto del html
Texto del html
 
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)
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Presentacion de etiquetas "HTML"
Presentacion de etiquetas "HTML"Presentacion de etiquetas "HTML"
Presentacion de etiquetas "HTML"
 
Presentación unidad tres
Presentación unidad tresPresentación unidad tres
Presentación unidad tres
 
Html111
Html111Html111
Html111
 
Organigramas John Jayro
Organigramas John JayroOrganigramas John Jayro
Organigramas John Jayro
 
TAREA DEL CSS
TAREA DEL CSSTAREA DEL CSS
TAREA DEL CSS
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Presentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTMLPresentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTML
 
Portales ud4 - lenguaje html
Portales   ud4 - lenguaje htmlPortales   ud4 - lenguaje html
Portales ud4 - lenguaje html
 
Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1 Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1
 
Presentación HTML
Presentación HTML Presentación HTML
Presentación HTML
 
Lineas separadoras etiquetas hr comentarios html atributos noshade
Lineas separadoras etiquetas hr comentarios html atributos noshadeLineas separadoras etiquetas hr comentarios html atributos noshade
Lineas separadoras etiquetas hr comentarios html atributos noshade
 

Más de Juan Baron

Byb4
Byb4Byb4
Byb3
Byb3Byb3
Byb3
Byb3Byb3
TRABAJO 2
TRABAJO 2TRABAJO 2
TRABAJO 2
Juan Baron
 
tablas access
tablas accesstablas access
tablas access
Juan Baron
 
Jb and jd
Jb and jdJb and jd
Jb and jd
Juan Baron
 
Jb and jd
Jb and jdJb and jd
Jb and jd
Juan Baron
 
Plantilla con-normas-icontec ACCESS 2010
Plantilla con-normas-icontec ACCESS 2010Plantilla con-normas-icontec ACCESS 2010
Plantilla con-normas-icontec ACCESS 2010
Juan Baron
 
informatica
informaticainformatica
informatica
Juan Baron
 
papito feliz dia
papito feliz diapapito feliz dia
papito feliz dia
Juan Baron
 
Corrección evaluacion
Corrección evaluacionCorrección evaluacion
Corrección evaluacion
Juan Baron
 
feliz dia del padre
feliz dia del padrefeliz dia del padre
feliz dia del padre
Juan Baron
 
SCRATCH
SCRATCHSCRATCH
SCRATCH
Juan Baron
 

Más de Juan Baron (13)

Byb4
Byb4Byb4
Byb4
 
Byb3
Byb3Byb3
Byb3
 
Byb3
Byb3Byb3
Byb3
 
TRABAJO 2
TRABAJO 2TRABAJO 2
TRABAJO 2
 
tablas access
tablas accesstablas access
tablas access
 
Jb and jd
Jb and jdJb and jd
Jb and jd
 
Jb and jd
Jb and jdJb and jd
Jb and jd
 
Plantilla con-normas-icontec ACCESS 2010
Plantilla con-normas-icontec ACCESS 2010Plantilla con-normas-icontec ACCESS 2010
Plantilla con-normas-icontec ACCESS 2010
 
informatica
informaticainformatica
informatica
 
papito feliz dia
papito feliz diapapito feliz dia
papito feliz dia
 
Corrección evaluacion
Corrección evaluacionCorrección evaluacion
Corrección evaluacion
 
feliz dia del padre
feliz dia del padrefeliz dia del padre
feliz dia del padre
 
SCRATCH
SCRATCHSCRATCH
SCRATCH
 

Último

teorema de pitagorasparalaeducacion.pptx
teorema de pitagorasparalaeducacion.pptxteorema de pitagorasparalaeducacion.pptx
teorema de pitagorasparalaeducacion.pptx
ElzebirQuiroga
 
IMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁ
IMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁIMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁ
IMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁ
Claude LaCombe
 
el pensamiento critico de paulo freire en basica .pdf
el pensamiento critico de paulo freire en basica .pdfel pensamiento critico de paulo freire en basica .pdf
el pensamiento critico de paulo freire en basica .pdf
almitamtz00
 
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
20minutos
 
Las diversas Sociedades Mercantiles Mexico.pdf
Las diversas Sociedades Mercantiles Mexico.pdfLas diversas Sociedades Mercantiles Mexico.pdf
Las diversas Sociedades Mercantiles Mexico.pdf
La Paradoja educativa
 
Planificación Ejemplo con la metodología TPACK
Planificación Ejemplo con la metodología  TPACKPlanificación Ejemplo con la metodología  TPACK
Planificación Ejemplo con la metodología TPACK
ssusera6697f
 
Examen de la EvAU 2024 en Navarra Latín.
Examen de la EvAU 2024 en Navarra Latín.Examen de la EvAU 2024 en Navarra Latín.
Examen de la EvAU 2024 en Navarra Latín.
amayaltc18
 
Presentación Curso C. Diferencial - 2024-1.pdf
Presentación Curso C. Diferencial - 2024-1.pdfPresentación Curso C. Diferencial - 2024-1.pdf
Presentación Curso C. Diferencial - 2024-1.pdf
H4RV3YH3RN4ND3Z
 
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
María Sánchez González (@cibermarikiya)
 
Dia de la Bandera colegio Santa Angela 2024
Dia de la Bandera colegio Santa Angela 2024Dia de la Bandera colegio Santa Angela 2024
Dia de la Bandera colegio Santa Angela 2024
77361565
 
Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1
MauricioSnchez83
 
El Liberalismo económico en la sociedad y en el mundo
El Liberalismo económico en la sociedad y en el mundoEl Liberalismo económico en la sociedad y en el mundo
El Liberalismo económico en la sociedad y en el mundo
SandraBenitez52
 
Guia para Docentes como usar ChatGPT Mineduc Ccesa007.pdf
Guia para Docentes como usar ChatGPT  Mineduc Ccesa007.pdfGuia para Docentes como usar ChatGPT  Mineduc Ccesa007.pdf
Guia para Docentes como usar ChatGPT Mineduc Ccesa007.pdf
Demetrio Ccesa Rayme
 
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptxNuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
lautyzaracho4
 
El lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libroEl lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libro
Distea V región
 
Biografía de Gregor Mendel y sus 3 leyes.pptx
Biografía de Gregor Mendel y sus 3 leyes.pptxBiografía de Gregor Mendel y sus 3 leyes.pptx
Biografía de Gregor Mendel y sus 3 leyes.pptx
ar5498718
 
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Unidad de Espiritualidad Eudista
 
6° GRADO UNIDAD DE APRENDIZAJE 3 JUNIO.docx
6° GRADO UNIDAD DE APRENDIZAJE 3 JUNIO.docx6° GRADO UNIDAD DE APRENDIZAJE 3 JUNIO.docx
6° GRADO UNIDAD DE APRENDIZAJE 3 JUNIO.docx
DanielaBurgosnazario
 
Presidencias radicales (1916 – 1930) (1) (1).pdf
Presidencias radicales (1916 – 1930) (1) (1).pdfPresidencias radicales (1916 – 1930) (1) (1).pdf
Presidencias radicales (1916 – 1930) (1) (1).pdf
MARIANA110300
 
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptxEVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
Victor Elizalde P
 

Último (20)

teorema de pitagorasparalaeducacion.pptx
teorema de pitagorasparalaeducacion.pptxteorema de pitagorasparalaeducacion.pptx
teorema de pitagorasparalaeducacion.pptx
 
IMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁ
IMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁIMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁ
IMÁGENES SUBLIMINALES EN LAS PUBLICACIONES DE LOS TESTIGOS DE JEHOVÁ
 
el pensamiento critico de paulo freire en basica .pdf
el pensamiento critico de paulo freire en basica .pdfel pensamiento critico de paulo freire en basica .pdf
el pensamiento critico de paulo freire en basica .pdf
 
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
 
Las diversas Sociedades Mercantiles Mexico.pdf
Las diversas Sociedades Mercantiles Mexico.pdfLas diversas Sociedades Mercantiles Mexico.pdf
Las diversas Sociedades Mercantiles Mexico.pdf
 
Planificación Ejemplo con la metodología TPACK
Planificación Ejemplo con la metodología  TPACKPlanificación Ejemplo con la metodología  TPACK
Planificación Ejemplo con la metodología TPACK
 
Examen de la EvAU 2024 en Navarra Latín.
Examen de la EvAU 2024 en Navarra Latín.Examen de la EvAU 2024 en Navarra Latín.
Examen de la EvAU 2024 en Navarra Latín.
 
Presentación Curso C. Diferencial - 2024-1.pdf
Presentación Curso C. Diferencial - 2024-1.pdfPresentación Curso C. Diferencial - 2024-1.pdf
Presentación Curso C. Diferencial - 2024-1.pdf
 
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
 
Dia de la Bandera colegio Santa Angela 2024
Dia de la Bandera colegio Santa Angela 2024Dia de la Bandera colegio Santa Angela 2024
Dia de la Bandera colegio Santa Angela 2024
 
Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1
 
El Liberalismo económico en la sociedad y en el mundo
El Liberalismo económico en la sociedad y en el mundoEl Liberalismo económico en la sociedad y en el mundo
El Liberalismo económico en la sociedad y en el mundo
 
Guia para Docentes como usar ChatGPT Mineduc Ccesa007.pdf
Guia para Docentes como usar ChatGPT  Mineduc Ccesa007.pdfGuia para Docentes como usar ChatGPT  Mineduc Ccesa007.pdf
Guia para Docentes como usar ChatGPT Mineduc Ccesa007.pdf
 
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptxNuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
 
El lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libroEl lugar mas bonito del mundo resumen del libro
El lugar mas bonito del mundo resumen del libro
 
Biografía de Gregor Mendel y sus 3 leyes.pptx
Biografía de Gregor Mendel y sus 3 leyes.pptxBiografía de Gregor Mendel y sus 3 leyes.pptx
Biografía de Gregor Mendel y sus 3 leyes.pptx
 
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
 
6° GRADO UNIDAD DE APRENDIZAJE 3 JUNIO.docx
6° GRADO UNIDAD DE APRENDIZAJE 3 JUNIO.docx6° GRADO UNIDAD DE APRENDIZAJE 3 JUNIO.docx
6° GRADO UNIDAD DE APRENDIZAJE 3 JUNIO.docx
 
Presidencias radicales (1916 – 1930) (1) (1).pdf
Presidencias radicales (1916 – 1930) (1) (1).pdfPresidencias radicales (1916 – 1930) (1) (1).pdf
Presidencias radicales (1916 – 1930) (1) (1).pdf
 
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptxEVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
 

Documento numero 1

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA Nombres juansebastianbaron Julianbarbosa Tema 1 El elemento que suele utilizarse para separar secciones dentro de una misma página es la regla horizontal. Para insertar una regla horizontal hay que insertar la etiqueta <hr>. Dicha etiqueta no precisa ninguna etiqueta de cierre. Es posible especificar algunos atributos de la regla horizontal: Atributo Significado Posibles valores ali gn alineación de la regla dentro de la página left (izquierda) right (derecha) center (centro) width ancho de la regla un número, acompañado de % cuando se desee que sea en porcentaje size alto de la regla un número noshade eliminar el sombreado de la regla no puede tomar valores Por ejemplo, para insertar el texto y la regla horizontal siguientes: Inicio Bienvenidos a mi página. Habría que escribir: Inicio<hr align="left" width="300%" size="5" noshade>Bienvenidos a mi p&aacute;gina. Sangrado de texto La sangría es una especie de margen que se establece a ambos lados del texto. Para que un texto aparezca sangrado, se inserta entre las etiquetas <blockquote> y </blockquote>. Esta etiqueta en un principio se definió para delimitar citas pero que como la mayoría de los navegadores resuelven la cita incluyendo un sangrado del texto, su uso para sangrar texto se ha generalizado. El uso de la etiqueta <blockquote> obliga a que el texto aparezca en una nueva línea. Insertando el texto entre varias etiquetas <blockquote> y </blockquote> se consigue que los márgenes sean mayores. Por ejemplo, para insertar el texto:
  • 2. Habría que escribir: <font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a www.aulaclic.com</font> También es posible definir una fuente para todo el documento. Para ello, hay que insertar la etiqueta <basefont> después de la etiqueta <body>. La etiqueta <basefont> no necesita una etiqueta de cierre, y permite modificar los mismos atributos del texto que la etiqueta <font>. Por ejemplo: <body> <basefont color="#006699" size="4" face="Arial"> ... Este código haría que la fuente del documento fuera por defecto de color azul, de tamaño 4 y Arial. Si después de indicar la etiqueta <basefont> o <font>, el navegador encuentra otra etiqueta <font>, la que prevalece es siempre la última que se encuentra. Atributo Significado Posibles valores fa ce fuente nombre de la fuente, o fuentes color color del texto número hexadecimal o texto predefinido size tamaño del texto valores del 1 al 7, siendo por defecto el 3, o desplazamiento respecto al tamaño por defecto, añadiendo + o - delante del valor
  • 3. 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. No hay que olvidar que todas estas etiquetas necesitan una etiqueta de cierre, y que pueden aplicarse varias etiquetas al mismo texto. A continuación se muestran algunas etiquetas asociadas al tipo de letra: Etiqueta Significado Ejemplo <b> negrita curso HTML aulaclic <i> cursiva curso HTML aulaclic <u> subrayado curso HTML aulaclic <s> tachado curso HTML aulaclic <tt> teletipo (máquina de escribir) curso HTML aulaclic <big> aumenta el tamaño de la fuente curso HTML aulaclic <small> disminuye el tamaño de la fuente curso HTML aulaclic A continuación se muestran algunas etiquetas asociadas al tipo de información: Etiqueta Significado Ejemplo <cit e> cita curso HTML aulaclic <code> ejemplo de código curso HTML aulaclic <dfn> definición curso HTML aulaclic <del> eliminado curso HTML aulaclic <em> énfasis curso HTML aulaclic <ins> insertado curso HTML aulaclic <kbd> teclado curso HTML aulaclic <samp> muestra curso HTML aulaclic <strong> destacado curso HTML aulaclic <sub> subíndice curso HTML aulaclic <sup> superíndice curso HTML aulaclic <var> variable curso HTML aulaclic Resaltado del texto <b> ...