SlideShare una empresa de Scribd logo
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

DOCX
1er guia de trabajo html 1er año
PDF
Manual html1 (Informatica Aplia Educa)
PPTX
Clase 1 periodo II html
DOCX
Ejercicios preliminares en php
PPT
нотни стойности тест
PPT
Entrenamiento para Protección de Niños
PDF
Kompetansebevis
1er guia de trabajo html 1er año
Manual html1 (Informatica Aplia Educa)
Clase 1 periodo II html
Ejercicios preliminares en php
нотни стойности тест
Entrenamiento para Protección de Niños
Kompetansebevis

Destacado (13)

DOC
Physical education plan
DOCX
PDF
Mi catalogo de productos
PDF
Presentation-Apallotrioseis-OPS
PDF
Como trabalhar em projetos novo
DOC
REALIBILITY TEST
PPTX
Front-camera video recordings as emotion responses to shared photos
PDF
Quantum Computing
PPTX
Archetypes, light and shadow
PDF
La bi, l'informatique décisionnelle et les graphes
PPTX
Lorde-royals video analysis
PDF
Pegar un video desde youtube en tu aula virtual
DOC
Xarxes informàtiques
Physical education plan
Mi catalogo de productos
Presentation-Apallotrioseis-OPS
Como trabalhar em projetos novo
REALIBILITY TEST
Front-camera video recordings as emotion responses to shared photos
Quantum Computing
Archetypes, light and shadow
La bi, l'informatique décisionnelle et les graphes
Lorde-royals video analysis
Pegar un video desde youtube en tu aula virtual
Xarxes informàtiques
Publicidad

Similar a Primera Clase de html (20)

PPTX
Temas de html
PPTX
Tutorial de html
PPT
Qué es html
PPT
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
PPTX
Como crear paginas en html
DOCX
PDF
Practico html
PDF
Practico html
PDF
Curso html
PDF
Unidad 2
DOCX
Como hacer una pagina web en html
PDF
Diseño de paginas con html1
DOCX
Mi primera pagina
DOCX
Mi primera pagina
PDF
Html sistemas
PDF
Html sistemas 1
PPTX
Mi primera pagina web en html con bloc de notas
PPTX
Codigos html y como crear una pagina Web
PDF
Clase 5 lenguaje html
Temas de html
Tutorial de html
Qué es html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
Como crear paginas en html
Practico html
Practico html
Curso html
Unidad 2
Como hacer una pagina web en html
Diseño de paginas con html1
Mi primera pagina
Mi primera pagina
Html sistemas
Html sistemas 1
Mi primera pagina web en html con bloc de notas
Codigos html y como crear una pagina Web
Clase 5 lenguaje html
Publicidad

Último (20)

PDF
MATERIAL DIDÁCTICO 2023 SELECCIÓN 1_REFORZAMIENTO 1° BIMESTRE.pdf
DOCX
Programa_Sintetico_Fase_4.docx 3° Y 4°..
PDF
Los hombres son de Marte - Las mujeres de Venus Ccesa007.pdf
PDF
Esc. Sab. Lección 7. El pan y el agua de vida.pdf
PDF
5°-UNIDAD 5 - 2025.pdf aprendizaje 5tooo
PDF
2.0 Introduccion a processing, y como obtenerlo
PDF
Ernst Cassirer - Antropologia Filosofica.pdf
PDF
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
PDF
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
PPTX
Doctrina 1 Soteriologuia y sus diferente
PDF
IPERC...................................
PDF
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
PDF
La Inteligencia Emocional - Fabian Goleman TE4 Ccesa007.pdf
PDF
informe tipos de Informatica perfiles profesionales _pdf
PDF
Aumente su Autoestima - Lair Ribeiro Ccesa007.pdf
DOCX
PLAN DE CASTELLANO 2021 actualizado a la normativa
PDF
LIBRO 2-SALUD Y AMBIENTE-4TO CEBA avanzado.pdf
PDF
Atencion prenatal. Ginecologia y obsetricia
PDF
Unidad de Aprendizaje 5 de Matematica 2do Secundaria Ccesa007.pdf
DOCX
V UNIDAD - PRIMER GRADO. del mes de agosto
MATERIAL DIDÁCTICO 2023 SELECCIÓN 1_REFORZAMIENTO 1° BIMESTRE.pdf
Programa_Sintetico_Fase_4.docx 3° Y 4°..
Los hombres son de Marte - Las mujeres de Venus Ccesa007.pdf
Esc. Sab. Lección 7. El pan y el agua de vida.pdf
5°-UNIDAD 5 - 2025.pdf aprendizaje 5tooo
2.0 Introduccion a processing, y como obtenerlo
Ernst Cassirer - Antropologia Filosofica.pdf
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
Doctrina 1 Soteriologuia y sus diferente
IPERC...................................
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
La Inteligencia Emocional - Fabian Goleman TE4 Ccesa007.pdf
informe tipos de Informatica perfiles profesionales _pdf
Aumente su Autoestima - Lair Ribeiro Ccesa007.pdf
PLAN DE CASTELLANO 2021 actualizado a la normativa
LIBRO 2-SALUD Y AMBIENTE-4TO CEBA avanzado.pdf
Atencion prenatal. Ginecologia y obsetricia
Unidad de Aprendizaje 5 de Matematica 2do Secundaria Ccesa007.pdf
V UNIDAD - PRIMER GRADO. del mes de agosto

Primera Clase de html

  • 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 » …
  • 13. TAREA PÁGINAS : 22 - 23 – 24.