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, adaptada para la
llamada World Wide Web, y que puede ser accedida
mediante un navegador.

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, formulari
os, 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

Etiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parteEtiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parteWendy Navia Chambi
 
Paginas web en html
Paginas web en htmlPaginas web en html
Paginas web en htmlmcolls
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas htmldanneszm
 
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 notasJessi De Jesus Torres
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notasSandra Meza
 
Etiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parteEtiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parteWendy Navia Chambi
 
Comando y ejercicios para HTML
Comando y ejercicios para HTMLComando y ejercicios para HTML
Comando y ejercicios para HTMLrogeliotapia
 
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlEtiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlDoraliza Hugo Vera
 
tutorial de instalación de wordpress en 1and1
tutorial de instalación de wordpress en 1and1tutorial de instalación de wordpress en 1and1
tutorial de instalación de wordpress en 1and1Javier Merchán Correa
 
Formas de navegar en internet
Formas de navegar en internetFormas de navegar en internet
Formas de navegar en internetStalinzhitop Spb
 

La actualidad más candente (18)

Etiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parteEtiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parte
 
Páginas web
Páginas webPáginas web
Páginas web
 
Paginas web en html
Paginas web en htmlPaginas web en html
Paginas web en html
 
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
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas 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
 
Guia 4 lenguaje html
Guia 4   lenguaje htmlGuia 4   lenguaje html
Guia 4 lenguaje html
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notas
 
Ejemplo practico
Ejemplo practicoEjemplo practico
Ejemplo practico
 
Etiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parteEtiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parte
 
MANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTMLMANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTML
 
Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerra
 
Htm rueda atributo
Htm rueda atributoHtm rueda atributo
Htm rueda atributo
 
Comando y ejercicios para HTML
Comando y ejercicios para HTMLComando y ejercicios para HTML
Comando y ejercicios para HTML
 
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlEtiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje html
 
tutorial de instalación de wordpress en 1and1
tutorial de instalación de wordpress en 1and1tutorial de instalación de wordpress en 1and1
tutorial de instalación de wordpress en 1and1
 
Formas de navegar en internet
Formas de navegar en internetFormas de navegar en internet
Formas de navegar en internet
 
Estructura.html 1
Estructura.html 1Estructura.html 1
Estructura.html 1
 

Similar a Unidad educativa municipal quitumbe

Unidad Educativa Municipal Quitumbe
Unidad Educativa Municipal QuitumbeUnidad Educativa Municipal Quitumbe
Unidad Educativa Municipal QuitumbeTeban Jácome
 
Código htlm
Código htlmCódigo htlm
Código htlmAna Lira
 
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" AlisonMarinone
 
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"LuisFernando2511
 
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 webAlvaroav
 
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.pdfSERGIOLUSARRIETAGONZ
 
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"marinonema2
 
MEJORES - Curso-HTML-+-CSS.pdf
MEJORES - Curso-HTML-+-CSS.pdfMEJORES - Curso-HTML-+-CSS.pdf
MEJORES - Curso-HTML-+-CSS.pdfyanpier1
 
Etiqueta de html
Etiqueta de htmlEtiqueta de html
Etiqueta de htmlNaruto-Hok
 
Narrativa pagina-web-welinton-burgos
Narrativa pagina-web-welinton-burgosNarrativa pagina-web-welinton-burgos
Narrativa pagina-web-welinton-burgosmoraleswbm
 

Similar a Unidad educativa municipal quitumbe (20)

Unidad Educativa Municipal Quitumbe
Unidad Educativa Municipal QuitumbeUnidad Educativa Municipal Quitumbe
Unidad Educativa Municipal Quitumbe
 
Html
HtmlHtml
Html
 
Consulta de html
Consulta de html Consulta de html
Consulta de 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"
 
Diseño web guias 1-3
Diseño web guias 1-3Diseño web guias 1-3
Diseño web guias 1-3
 
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 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
 
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"
 
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
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Código HTML
Código HTMLCódigo HTML
Código HTML
 
Código HTML
Código HTMLCódigo HTML
Código HTML
 
Etiqueta de html
Etiqueta de htmlEtiqueta de html
Etiqueta de html
 
Tema 2
Tema 2Tema 2
Tema 2
 
Narrativa pagina-web-welinton-burgos
Narrativa pagina-web-welinton-burgosNarrativa pagina-web-welinton-burgos
Narrativa pagina-web-welinton-burgos
 

Último

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
 
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
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOluismii249
 
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
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIIsauraImbrondone
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
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
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxiemerc2024
 
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
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdfValeriaCorrea29
 
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
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfUPTAIDELTACHIRA
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Juan Martín Martín
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxFernando Solis
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONALMiNeyi1
 
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
 

Último (20)

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
 
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
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
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.
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
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
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
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
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdf
 
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
 
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
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
 
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...
 
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
 

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, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador. 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, formulari os, 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