SlideShare una empresa de Scribd logo
1 de 7
UNIDAD EDUCATIVA
MUNICIPAL QUITUMBE
Autores: Daniela Pacheco

Esteban Jácome
Emily Recalde
Adan Heredia
Jairo Aguiar
Una página web (o página electrónica, según el término
recomendado por la R.A.E.) es el nombre de un documento o
información electrónica capaz de contener texto, sonido, vídeo,
programas, enlaces, imágenes, y muchas otras cosas,

Pagina
WEb
Esta información se encuentra generalmente en
formato HTML o XHTML, y puede proporcionar navegación
(acceso) a otras páginas web mediante enlaces de hipertexto.
l acceso a las páginas web es realizado mediante una
transferencia desde servidores, utilizando el protocolo de
transferencia de hipertexto
LA ESTRUCTURA BÁSICA DE UNA
PÁGINA WEB ES LA SIGUIENTE:

Una estructura HTML se empieza con la
etiqueta <html> y acaba con </html>.
Todo lo que esté en medio será la página
web. Dentro de <html></html> se
encuentran 2 partes diferenciadas.

<html>
<head></head>
<body>
</body>
</html>

La primera <head></head> es la
cabecera de la página. Aquí irán cierta
información que no es directamente el
contenido de la página. Aquí se pone el
título de la página, los metadatos, estilos,
código javascript (todo esto se estudiará
en capítulos venideros). La primera que se
suele estudiar es <title></title>, que indica
el título de la página (lo que el navegador
pone en la parte superior izquierda).
La segunda
parte es
<body></body>.
Aquí va
propiamente el
contenido de la
página: fotos,
párrafos,
formularios, etc

<html>
<head>
<title>Esto es el t&iacute;tulo de la
p&aacute;gina.</title>
</head>
<body>
Hola mundo!<br>
<b>Esto es negrita.</b><br>
<i>Y esto it&aacute;lica.</i><br>
</body>
</html>
Como cambiar
de color de un
código HTML:

<font color="red">Tu texto</font>
Estos son
algunos
códigos
HTML
básicos:

- Citas/Aumentar Sangría:
4. Usando la etiqueta HTML para citas (la sangría
aumenta). Ejemplo:
<blockquote>"Este texto es una cita y la sangría ha
aumentado"</blockquote>
DeviantArt lo mostrará así:
"Este texto es una cita y la sangría ha aumentado"

- Negrilla:

1. Usando la etiqueta HTML para negrilla. Ejemplo:
<b>Este texto en negrilla</b>
DeviantArt lo mostrará así:
Este texto en negrilla

2. Usando la etiqueta HTML para subrayado. Ejemplo:
<u>Este texto subrayado</u>
DeviantArt lo mostrará así:
Este texto en subrayado

3. Usando la etiqueta HTML para cursiva. Ejemplo:
<i>Este texto en cursiva</i>
DeviantArt lo mostrará así:
Este texto en cursiva
Enlaces/Links.

Alineación del Texto:

- A una página web:
6. Usando la etiqueta correspondiente a los diferentes
tipos de alineación del texto. Ejemplo:
5. Copiando y pegando el enlace directamente a la zona
<div align="center">Este texto centrado</div>
de publicación (Journal, Comentario, etc). Ejemplo:
<div align="right">Este texto a la derecha</div>
www.google.com
<div align="left">Este texto a la izquierda</div>
DeviantArt lo mostrará así:
<div align="justify">Este texto justificado</div>
[link]
DeviantArt lo mostrará así:
5.1 Usando la etiqueda HTML para
enlaces/links. Ejemplo:
<a href="www.google.com">Google</a>
DeviantArt lo mostrará así:
Google

Este texto centrado

Este texto a la derecha

Este texto a la izquierda

Este texto justificado

Más contenido relacionado

La actualidad más candente (18)

Estructura.html 1
Estructura.html 1Estructura.html 1
Estructura.html 1
 
Html
HtmlHtml
Html
 
Introducion a HTML5
Introducion a HTML5Introducion a HTML5
Introducion a HTML5
 
Etiquetas básicas en html
Etiquetas básicas en htmlEtiquetas básicas en html
Etiquetas básicas en html
 
Html 3° medio
Html 3°  medioHtml 3°  medio
Html 3° medio
 
Trabajo de html
Trabajo de htmlTrabajo de html
Trabajo de html
 
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSCOMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
 
Muñozzz
MuñozzzMuñozzz
Muñozzz
 
Html
HtmlHtml
Html
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
Las etiquetas más utilizadas en html
Las etiquetas más utilizadas en htmlLas etiquetas más utilizadas en html
Las etiquetas más utilizadas en html
 
Html word2
Html word2Html word2
Html word2
 
Comando y ejercicios para HTML
Comando y ejercicios para HTMLComando y ejercicios para HTML
Comando y ejercicios para HTML
 
Curso html
Curso htmlCurso html
Curso html
 
Mi primera pagina web en html con bloc de notas
Mi primera pagina web en html con bloc de notasMi primera pagina web en html con bloc de notas
Mi primera pagina web en html con bloc de notas
 
Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 

Similar a Unidad educativa municipal quitumbe

Similar a Unidad educativa municipal quitumbe (20)

HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Código htlm
Código htlmCódigo htlm
Código htlm
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web" Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web"
 
Producto 3 "Diseño de pagina WEB"
Producto 3 "Diseño de pagina WEB"Producto 3 "Diseño de pagina WEB"
Producto 3 "Diseño de pagina WEB"
 
Html
HtmlHtml
Html
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Html
HtmlHtml
Html
 
Producto 3 "Diseño de paginas web"
Producto 3 "Diseño de paginas web"Producto 3 "Diseño de paginas web"
Producto 3 "Diseño de paginas web"
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
El lenguaje de programación en las páginas web
El lenguaje de programación en las páginas webEl lenguaje de programación en las páginas web
El lenguaje de programación en las páginas web
 
Guia html
Guia htmlGuia html
Guia html
 
GUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdf
GUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdfGUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdf
GUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdf
 
MEJORES - Curso-HTML-+-CSS.pdf
MEJORES - Curso-HTML-+-CSS.pdfMEJORES - Curso-HTML-+-CSS.pdf
MEJORES - Curso-HTML-+-CSS.pdf
 
Curso-HTML--CSS.pdf
Curso-HTML--CSS.pdfCurso-HTML--CSS.pdf
Curso-HTML--CSS.pdf
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
Diseño web guias 1-3
Diseño web guias 1-3Diseño web guias 1-3
Diseño web guias 1-3
 
Narrativa pagina-web-welinton-burgos
Narrativa pagina-web-welinton-burgosNarrativa pagina-web-welinton-burgos
Narrativa pagina-web-welinton-burgos
 
Programación para web
Programación para webProgramación para web
Programación para web
 

Último

2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptxRigoTito
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdfValeriaCorrea29
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosJonathanCovena1
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Alejandrino Halire Ccahuana
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesYanirisBarcelDelaHoz
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.docRodneyFrankCUADROSMI
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdfMiguelHuaman31
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...JAVIER SOLIS NOYOLA
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfNancyLoaa
 

Último (20)

2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdf
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 

Unidad educativa municipal quitumbe

  • 1. UNIDAD EDUCATIVA MUNICIPAL QUITUMBE Autores: Daniela Pacheco Esteban Jácome Emily Recalde Adan Heredia Jairo Aguiar
  • 2. Una página web (o página electrónica, según el término recomendado por la R.A.E.) es el nombre de un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, Pagina WEb Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto. l acceso a las páginas web es realizado mediante una transferencia desde servidores, utilizando el protocolo de transferencia de hipertexto
  • 3. LA ESTRUCTURA BÁSICA DE UNA PÁGINA WEB ES LA SIGUIENTE: Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas. <html> <head></head> <body> </body> </html> La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda).
  • 4. La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc <html> <head> <title>Esto es el t&iacute;tulo de la p&aacute;gina.</title> </head> <body> Hola mundo!<br> <b>Esto es negrita.</b><br> <i>Y esto it&aacute;lica.</i><br> </body> </html>
  • 5. Como cambiar de color de un código HTML: <font color="red">Tu texto</font>
  • 6. Estos son algunos códigos HTML básicos: - Citas/Aumentar Sangría: 4. Usando la etiqueta HTML para citas (la sangría aumenta). Ejemplo: <blockquote>"Este texto es una cita y la sangría ha aumentado"</blockquote> DeviantArt lo mostrará así: "Este texto es una cita y la sangría ha aumentado" - Negrilla: 1. Usando la etiqueta HTML para negrilla. Ejemplo: <b>Este texto en negrilla</b> DeviantArt lo mostrará así: Este texto en negrilla 2. Usando la etiqueta HTML para subrayado. Ejemplo: <u>Este texto subrayado</u> DeviantArt lo mostrará así: Este texto en subrayado 3. Usando la etiqueta HTML para cursiva. Ejemplo: <i>Este texto en cursiva</i> DeviantArt lo mostrará así: Este texto en cursiva
  • 7. Enlaces/Links. Alineación del Texto: - A una página web: 6. Usando la etiqueta correspondiente a los diferentes tipos de alineación del texto. Ejemplo: 5. Copiando y pegando el enlace directamente a la zona <div align="center">Este texto centrado</div> de publicación (Journal, Comentario, etc). Ejemplo: <div align="right">Este texto a la derecha</div> www.google.com <div align="left">Este texto a la izquierda</div> DeviantArt lo mostrará así: <div align="justify">Este texto justificado</div> [link] DeviantArt lo mostrará así: 5.1 Usando la etiqueda HTML para enlaces/links. Ejemplo: <a href="www.google.com">Google</a> DeviantArt lo mostrará así: Google Este texto centrado Este texto a la derecha Este texto a la izquierda Este texto justificado