SlideShare una empresa de Scribd logo
1 de 13
COLEGIO SAN ANTONIO 
PROFESORA : LISETTE OBREGÓN
http://www.aulaclic.es/html/
COLORES EN HEXADECIMAL 
http://html-color-codes.info/codigos-de-colores-hexadecimales/
» http://codepaste.net/4mpcic
El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben 
las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que 
permite escribir texto de forma estructurada, y que está compuesto 
por etiquetas, que marcan el inicio y el fin de cada elemento del documento. 
Un documento hipertexto no sólo se compone de texto, puede contener 
imágenes, Qué es sonido, HTML 
vídeos, etc., por lo que el resultado puede considerarse 
como un documento multimedia. 
Los documentos HTML deben tener la extensión html o htm, para que puedan 
ser visualizados en los navegadores (programas que permiten visualizar las 
páginas web). 
Los navegadores se encargan de interpretar el código HTML de los 
documentos, y de mostrar a los usuarios las páginas web resultantes del 
código interpretado.
<html> 
<head> 
<title> My first Webpage by Lisette </titlle> 
</head> 
<body > 
………….. 
</body> 
</html> 
ESTRUCTURA DE UNA 
PÁGINA WEB
<html> 
<head> 
<title>MI PRIMERA PAGINA</title> 
</head> 
<body bgcolor="#FFCC99"> 
<font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font> 
</body> 
</html> 
MI PRIMERA PÁGINA WEB
» COLOCAR COMENTARIO <!DOCTYPE … 
» DENTRO DE HEAD 
˃ CONFIGURAR EL TITULO DE LA PÁGINA: TERCERA CLASE DE HTML 
˃ CONFIGURAR META HTTP-EQUIV…. 
˃ CONFIGURAR META NAME …. 
» DENTRO DE BODY 
» …
<body> 
<p> 
Inicio <hr align="left" width="300%" size="5" 
noshade> Bienvenidos a mi p&aacute;gina. 
</P> 
</body>
<h1> Primera línea </h1> 
<h2> Segunda línea </h2> 
<h3> Tercera línea </h3> 
…. 
<h6> Sexta línea </h6> 
<p> Este es un párrafo, este es un párrafo, este es un párrafo, este es 
un párrafo, este es un párrafo, este es un párrafo, este es un párrafo, 
este es un párrafo, este es un párrafo, este es un párrafo, este es un 
párrafo, este es un párrafo, este es un párrafo, este es un párrafo</p> 
<p> Este es otro párrafo, este es otro párrafo, este es otro párrafo, 
este es otro párrafo, este es otro párrafo, este es otro párrafo, este es 
otro párrafo, este es otro párrafo, este es otro párrafo, este es otro 
párrafo, este es otro párrafo, este es otro párrafo, este es otro párrafo, 
este es otro párrafo</p>
PÁGINA 17-21 www.biografiasyvidas.com/monografia/leonardo 
» COLOCAR COMENTARIO <!DOCTYPE … 
» DENTRO DE HEAD 
˃ CONFIGURAR EL TITULO DE LA PÁGINA: Biografía de Leonardo Da Vinci en Web. 
˃ CONFIGURAR META HTTP-EQUIV…. 
˃ CONFIGURAR META NAME …. 
» DENTRO DE BODY 
» …
IMÁGENES 
http://www.aulaclic.es/html/t_5_1.htm 
<img src="imagenes/logo_animales.gif">
TAREA PÁGINAS : 22 - 23 – 24.

Más contenido relacionado

Destacado

Physical education plan
Physical education planPhysical education plan
Physical education planwiosenka
 
Mi catalogo de productos
Mi catalogo de productos Mi catalogo de productos
Mi catalogo de productos Sebas Salinas
 
Presentation-Apallotrioseis-OPS
Presentation-Apallotrioseis-OPSPresentation-Apallotrioseis-OPS
Presentation-Apallotrioseis-OPSIoannis Panaretou
 
Como trabalhar em projetos novo
Como trabalhar em projetos novoComo trabalhar em projetos novo
Como trabalhar em projetos novojosemanoelonline
 
REALIBILITY TEST
REALIBILITY TESTREALIBILITY TEST
REALIBILITY TESTMohd Asmi
 
Front-camera video recordings as emotion responses to shared photos
Front-camera video recordings as emotion responses to shared photosFront-camera video recordings as emotion responses to shared photos
Front-camera video recordings as emotion responses to shared photosYanqing Cui
 
Quantum Computing
Quantum ComputingQuantum Computing
Quantum ComputingAmr Mohamed
 
Archetypes, light and shadow
Archetypes, light and shadowArchetypes, light and shadow
Archetypes, light and shadowcomplynn
 
La bi, l'informatique décisionnelle et les graphes
La bi, l'informatique décisionnelle et les graphesLa bi, l'informatique décisionnelle et les graphes
La bi, l'informatique décisionnelle et les graphesCédric Fauvet
 
Lorde-royals video analysis
Lorde-royals video analysisLorde-royals video analysis
Lorde-royals video analysislucycollings1
 
Pegar un video desde youtube en tu aula virtual
Pegar un video desde youtube en tu aula virtualPegar un video desde youtube en tu aula virtual
Pegar un video desde youtube en tu aula virtualRoberto Santi
 
Xarxes informàtiques
Xarxes informàtiquesXarxes informàtiques
Xarxes informàtiquesbiancalogo
 

Destacado (13)

Physical education plan
Physical education planPhysical education plan
Physical education plan
 
Journal
JournalJournal
Journal
 
Mi catalogo de productos
Mi catalogo de productos Mi catalogo de productos
Mi catalogo de productos
 
Presentation-Apallotrioseis-OPS
Presentation-Apallotrioseis-OPSPresentation-Apallotrioseis-OPS
Presentation-Apallotrioseis-OPS
 
Como trabalhar em projetos novo
Como trabalhar em projetos novoComo trabalhar em projetos novo
Como trabalhar em projetos novo
 
REALIBILITY TEST
REALIBILITY TESTREALIBILITY TEST
REALIBILITY TEST
 
Front-camera video recordings as emotion responses to shared photos
Front-camera video recordings as emotion responses to shared photosFront-camera video recordings as emotion responses to shared photos
Front-camera video recordings as emotion responses to shared photos
 
Quantum Computing
Quantum ComputingQuantum Computing
Quantum Computing
 
Archetypes, light and shadow
Archetypes, light and shadowArchetypes, light and shadow
Archetypes, light and shadow
 
La bi, l'informatique décisionnelle et les graphes
La bi, l'informatique décisionnelle et les graphesLa bi, l'informatique décisionnelle et les graphes
La bi, l'informatique décisionnelle et les graphes
 
Lorde-royals video analysis
Lorde-royals video analysisLorde-royals video analysis
Lorde-royals video analysis
 
Pegar un video desde youtube en tu aula virtual
Pegar un video desde youtube en tu aula virtualPegar un video desde youtube en tu aula virtual
Pegar un video desde youtube en tu aula virtual
 
Xarxes informàtiques
Xarxes informàtiquesXarxes informàtiques
Xarxes informàtiques
 

Similar a HTML Colegio San Antonio profesora Lisette Obregón (20)

P no 2
P no 2P no 2
P no 2
 
Examen1u 160421211943
Examen1u 160421211943Examen1u 160421211943
Examen1u 160421211943
 
Examen 1ra U
Examen 1ra UExamen 1ra U
Examen 1ra U
 
Examenn
ExamennExamenn
Examenn
 
Diseño de paginas con html1
Diseño de paginas con html1Diseño de paginas con html1
Diseño de paginas con html1
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Html
HtmlHtml
Html
 
3 septimo
3 septimo3 septimo
3 septimo
 
Práctica no2
Práctica no2Práctica no2
Práctica no2
 
Programación Avanzada
Programación AvanzadaProgramación Avanzada
Programación Avanzada
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Php curso02
Php   curso02Php   curso02
Php curso02
 
Power point tarea #1
Power point tarea #1Power point tarea #1
Power point tarea #1
 
Trabajo de html wilder ruiz
Trabajo de html wilder ruizTrabajo de html wilder ruiz
Trabajo de html wilder ruiz
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en html
 
Clase 5 lenguaje html
Clase 5  lenguaje htmlClase 5  lenguaje html
Clase 5 lenguaje html
 
Guia html 1
Guia html 1Guia html 1
Guia html 1
 
etiquetas HTML
etiquetas HTMLetiquetas HTML
etiquetas HTML
 

Último

Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxPryhaSalam
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
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
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
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
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
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í
 
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
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 

Último (20)

Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdf
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
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...
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
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
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
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
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).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
 
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
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
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
 

HTML Colegio San Antonio profesora Lisette Obregón

  • 1. COLEGIO SAN ANTONIO PROFESORA : LISETTE OBREGÓN
  • 3. COLORES EN HEXADECIMAL http://html-color-codes.info/codigos-de-colores-hexadecimales/
  • 5. El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento. Un documento hipertexto no sólo se compone de texto, puede contener imágenes, Qué es sonido, HTML vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia. Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web). Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.
  • 6. <html> <head> <title> My first Webpage by Lisette </titlle> </head> <body > ………….. </body> </html> ESTRUCTURA DE UNA PÁGINA WEB
  • 7. <html> <head> <title>MI PRIMERA PAGINA</title> </head> <body bgcolor="#FFCC99"> <font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font> </body> </html> MI PRIMERA PÁGINA WEB
  • 8. » COLOCAR COMENTARIO <!DOCTYPE … » DENTRO DE HEAD ˃ CONFIGURAR EL TITULO DE LA PÁGINA: TERCERA CLASE DE HTML ˃ CONFIGURAR META HTTP-EQUIV…. ˃ CONFIGURAR META NAME …. » DENTRO DE BODY » …
  • 9. <body> <p> Inicio <hr align="left" width="300%" size="5" noshade> Bienvenidos a mi p&aacute;gina. </P> </body>
  • 10. <h1> Primera línea </h1> <h2> Segunda línea </h2> <h3> Tercera línea </h3> …. <h6> Sexta línea </h6> <p> Este es un párrafo, este es un párrafo, este es un párrafo, este es un párrafo, este es un párrafo, este es un párrafo, este es un párrafo, este es un párrafo, este es un párrafo, este es un párrafo, este es un párrafo, este es un párrafo, este es un párrafo, este es un párrafo</p> <p> Este es otro párrafo, este es otro párrafo, este es otro párrafo, este es otro párrafo, este es otro párrafo, este es otro párrafo, este es otro párrafo, este es otro párrafo, este es otro párrafo, este es otro párrafo, este es otro párrafo, este es otro párrafo, este es otro párrafo, este es otro párrafo</p>
  • 11. PÁGINA 17-21 www.biografiasyvidas.com/monografia/leonardo » COLOCAR COMENTARIO <!DOCTYPE … » DENTRO DE HEAD ˃ CONFIGURAR EL TITULO DE LA PÁGINA: Biografía de Leonardo Da Vinci en Web. ˃ CONFIGURAR META HTTP-EQUIV…. ˃ CONFIGURAR META NAME …. » DENTRO DE BODY » …
  • 12. IMÁGENES http://www.aulaclic.es/html/t_5_1.htm <img src="imagenes/logo_animales.gif">
  • 13. TAREA PÁGINAS : 22 - 23 – 24.