SlideShare una empresa de Scribd logo
•Qué es HTML
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, sonido, vídeos, etc., por lo que
el resultado puede considerarse como un documento
multimedia.
•Extensión de los archivos
Los archivos de cada pagina web creada deben tener la
extensión html o htm, para que puedan ser visualizados en
los navegadores (programas que permiten visualizar las
páginas web).
Por ejemplo: pagina1.html , ejercicio1.html
Los navegadores (Por ejemplo Chrome, Internet Explorer)
se encargan de interpretar el código HTML de los archivos
creados, y muestran a los usuarios las páginas web
resultantes del código interpretado.
•Editor de archivos html
Un editor es un programa que nos permiten crear los
archivos html.
Es aconsejable comenzar utilizando una herramienta lo más
sencilla posible, para tener que insertar nosotros mismos el
código HTML, esto permite familiarizarse con el lenguaje,
para poder utilizar algún editor visual posteriormente, como
Macromedia Dreamweaver o Microsoft Frontpage.
Bloc de notas
Note Pad ++
Sublime Text
Editores de textos sencillos de
manejar, que nos permitirán crear
páginas a través del código HTML.
•Etiquetas
Las etiquetas o marcas delimitan cada uno de los elementos
que componen un documento HTML.
< > Inicio de etiqueta
</ > Fin de etiqueta
•Estructura general de una pagina web
<html>
<head> </head>
<title> </title>
<body>
Aquí se escriben las etiquetas
para crear la pagina web
</body>
</html>
• Etiqueta <font> </font>
Esta es una de las etiquetas principales para crear el cuerpo
de la página web con código HTML.
Esta etiqueta se utiliza especificar el texto que se quiere
mostrar y sus características como el color, tipo de letra,
tamaño y estilo.
Las características del texto se especifican con las
siguientes palabras:
Size : Tamaño
Face : Tipo de letra
Color : Color de la letra
• Colores en una página Web
Para utilizar los colores en html, existen 2 formas de asignarlos:
La primera manera es utilizar la palabra en ingles de los colores
básicos, no son todos, se pueden asignar los siguientes:
Aqua, Black, Blue, Fuchsia, Gray, Green, Lime, Maroon, Navy,
Olive, Purple, pink, Red, Silver, Teal, White, Yellow.
También se puede aplicar un código para visualizar colores que
resultan de combinación de los colores primarios, estos son 3
ejemplos:
#FF8000 es el color naranja
#339966 es el color verde turquesa
#000080 es el color azul oscuro
ACTIVIDAD
Realizar una búsqueda en Google sobre “Código de colores
en html” entrar a una de las paginas que se muestren en los
resultados, y copiar en su cuaderno minimo 10 códigos de
colores y el nombre del color.
Usted escoge los 10 colores o más que le gusten, estos
serán los colores que utilizará para mostrar en sus páginas
web.

Más contenido relacionado

PPTX
Clase 1 periodo II html
PPTX
Lenguaje html
PPTX
Muñozzz
PPT
Traductor google
PPT
Traductor de Google
PPTX
Google Traductor
PPTX
Html 3° medio
PPT
Semana 5 html
Clase 1 periodo II html
Lenguaje html
Muñozzz
Traductor google
Traductor de Google
Google Traductor
Html 3° medio
Semana 5 html

La actualidad más candente (18)

PPTX
Codigo html
PDF
Introducion a HTML5
DOCX
Colegio nicolas esguerra
PDF
Etiquetas para estructurar texto HTML5 - 2 parte
PDF
Etiquetas para estructurar texto en HTML - 4 parte
PPTX
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
PPTX
Codigos html y como crear una pagina Web
PPTX
Unidad educativa municipal quitumbe
PDF
Etiquetas para estructurar texto en HTML - 3 parte
PPT
HTML
DOCX
Actividad nº6
DOCX
Colegio nacional nicolas esguerra edifi...
PPT
Html 101
DOC
pagina html
DOCX
Html
PPTX
Sitio Web / Introducción a HTML
PPTX
Producto 3 "Diseño de una pagina web"
Codigo html
Introducion a HTML5
Colegio nicolas esguerra
Etiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto en HTML - 4 parte
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
Codigos html y como crear una pagina Web
Unidad educativa municipal quitumbe
Etiquetas para estructurar texto en HTML - 3 parte
HTML
Actividad nº6
Colegio nacional nicolas esguerra edifi...
Html 101
pagina html
Html
Sitio Web / Introducción a HTML
Producto 3 "Diseño de una pagina web"
Publicidad

Similar a Guia 4 lenguaje html (20)

PPTX
Diseño WEB 1.pptx
DOC
Curso de html
PDF
Manua html.pdf
PDF
Manual HTML
PDF
Manual html
PDF
Manuales de HTML
PDF
Manualhtml
PDF
FELIPE MASSONE : MANUAL HTML
PDF
Manualhtml
PDF
Manualhtml
PDF
MANUAL DE HTML
PDF
Manualhtml
DOCX
Colegio nacional nicolás esguerra
DOCX
Colegio nacional nicolás esguerra
PDF
Manual html
PDF
Manual de html
DOCX
DOCX
Colegio nacional nicolás esguerra
Diseño WEB 1.pptx
Curso de html
Manua html.pdf
Manual HTML
Manual html
Manuales de HTML
Manualhtml
FELIPE MASSONE : MANUAL HTML
Manualhtml
Manualhtml
MANUAL DE HTML
Manualhtml
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
Manual html
Manual de html
Colegio nacional nicolás esguerra
Publicidad

Más de Cristian Gonzalez (9)

PPTX
Guia 3 hosting y dominio
PPTX
Tema 3 conceptos basicos de electricidad
PPTX
Conceptos Básicos
PPT
Formato diapositivas ufps
PPTX
Hosting y dominio
PPTX
Consultas en access
PPT
Redes protocolo - tipos de redes
PPTX
Programación en Visual Basic - Conceptos Básicos
PPTX
Magnitudes electricas y equivalencias
Guia 3 hosting y dominio
Tema 3 conceptos basicos de electricidad
Conceptos Básicos
Formato diapositivas ufps
Hosting y dominio
Consultas en access
Redes protocolo - tipos de redes
Programación en Visual Basic - Conceptos Básicos
Magnitudes electricas y equivalencias

Último (20)

PDF
Salcedo, J. et al. - Recomendaciones para la utilización del lenguaje inclusi...
PPT
Cosacos y hombres del Este en el Heer.ppt
PDF
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
DOCX
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
PDF
OK OK UNIDAD DE APRENDIZAJE 5TO Y 6TO CORRESPONDIENTE AL MES DE AGOSTO 2025.pdf
PDF
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
PDF
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
PDF
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
PDF
Lección 6 Escuela Sab. A través del mar rojo.pdf
PDF
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
DOCX
Tarea De El Colegio Coding For Kids 1 y 2
PDF
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PDF
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
PDF
Crear o Morir - Andres Oppenheimer Ccesa007.pdf
PDF
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
PDF
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
PDF
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
DOCX
2 GRADO UNIDAD 5 - 2025.docx para primaria
PDF
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
PDF
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
Salcedo, J. et al. - Recomendaciones para la utilización del lenguaje inclusi...
Cosacos y hombres del Este en el Heer.ppt
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
OK OK UNIDAD DE APRENDIZAJE 5TO Y 6TO CORRESPONDIENTE AL MES DE AGOSTO 2025.pdf
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
Lección 6 Escuela Sab. A través del mar rojo.pdf
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
Tarea De El Colegio Coding For Kids 1 y 2
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
Crear o Morir - Andres Oppenheimer Ccesa007.pdf
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
2 GRADO UNIDAD 5 - 2025.docx para primaria
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf

Guia 4 lenguaje html

  • 1. •Qué es HTML 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, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia.
  • 2. •Extensión de los archivos Los archivos de cada pagina web creada deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web). Por ejemplo: pagina1.html , ejercicio1.html Los navegadores (Por ejemplo Chrome, Internet Explorer) se encargan de interpretar el código HTML de los archivos creados, y muestran a los usuarios las páginas web resultantes del código interpretado.
  • 3. •Editor de archivos html Un editor es un programa que nos permiten crear los archivos html. Es aconsejable comenzar utilizando una herramienta lo más sencilla posible, para tener que insertar nosotros mismos el código HTML, esto permite familiarizarse con el lenguaje, para poder utilizar algún editor visual posteriormente, como Macromedia Dreamweaver o Microsoft Frontpage. Bloc de notas Note Pad ++ Sublime Text Editores de textos sencillos de manejar, que nos permitirán crear páginas a través del código HTML.
  • 4. •Etiquetas Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML. < > Inicio de etiqueta </ > Fin de etiqueta
  • 5. •Estructura general de una pagina web <html> <head> </head> <title> </title> <body> Aquí se escriben las etiquetas para crear la pagina web </body> </html>
  • 6. • Etiqueta <font> </font> Esta es una de las etiquetas principales para crear el cuerpo de la página web con código HTML. Esta etiqueta se utiliza especificar el texto que se quiere mostrar y sus características como el color, tipo de letra, tamaño y estilo. Las características del texto se especifican con las siguientes palabras: Size : Tamaño Face : Tipo de letra Color : Color de la letra
  • 7. • Colores en una página Web Para utilizar los colores en html, existen 2 formas de asignarlos: La primera manera es utilizar la palabra en ingles de los colores básicos, no son todos, se pueden asignar los siguientes: Aqua, Black, Blue, Fuchsia, Gray, Green, Lime, Maroon, Navy, Olive, Purple, pink, Red, Silver, Teal, White, Yellow. También se puede aplicar un código para visualizar colores que resultan de combinación de los colores primarios, estos son 3 ejemplos: #FF8000 es el color naranja #339966 es el color verde turquesa #000080 es el color azul oscuro
  • 8. ACTIVIDAD Realizar una búsqueda en Google sobre “Código de colores en html” entrar a una de las paginas que se muestren en los resultados, y copiar en su cuaderno minimo 10 códigos de colores y el nombre del color. Usted escoge los 10 colores o más que le gusten, estos serán los colores que utilizará para mostrar en sus páginas web.