SlideShare una empresa de Scribd logo
1 de 2
Veronica Gutiérrez Usuga
Yuliana Monsalve Montoya
Técnico En Sistemas
HTML
El HTML no es más que una aplicación del SGML (Standard Generalized Markup Language),
un sistema para definir tipos de documentos estructurados y lenguajes de marcas para representar
esos mismos documentos. El término HTML se suele referir a ambas cosas, tanto al tipo de
documento como al lenguaje de marcas.
A medida que nos afianzamos en el manejo de Internet cada uno de nosotros pasa por tres etapas
diferentes: Al principio solamente conocemos unas pocas páginas, luego nos damos cuenta que
existen buscadores lo cual lo hace más interesante y por último nos damos cuenta que en Internet
no solamente se puede ver la información sino que también se puede publicar. ¿y qué otra manera
más fácil y más sencilla? Si Internet tiene acceso a todos los rincones del mundo
Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas
características, con el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web
compatibles con distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos
inteligentes, tabletas, vipers etc. No obstante, para interpretar correctamente una nueva versión de
HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe
ser capaz de usar la nueva versión del navegador con los cambios incorporados
PROGRAMAS USADOS PARA PROGRAMAR HTML
BLOC DE NOTAS
NAVEGADOR: INTERNET EXPLORER –GOOLGE CHROME- MOZILLA FIREFOX- OPERA- SAFARI
COMANDO HTML
< HTML > ... < /HTML > : Indicael comienzo y fin de un archivo HTML
< HEAD > ... < /HEAD > : Indicael comienzo y fin de un encabezado (aquíse
coloca generalmente el título).
< TITLE> ... < /TITLE> : Indicael título.
< BODY> ... < /BODY > : Indicael comienzo y fin del cuerpo de la página.
< P > ... < /P > : Indicacomienzo y fin de un párrafo.
< BR > : Permite saltarseuna línea (sellama quiebre de línea).
< Hn > ... < Hn > : Para n entre 1 y 6, hacen que el texto encerrado aparezca
como encabezado (un subtítulo). Se recomienda usar sólo 1,2 y 3.
Tipos de letras:
Veronica Gutiérrez Usuga
Yuliana Monsalve Montoya
Técnico En Sistemas
COLORES
PINK
YELLOW
GREEN
ORANGE
PURPLE
WHITE
BLACK
COFFEE
BLUE
RED
GRAY
SKIN
GOLDEN
SILVER
LETRAS
font-style
font-variant
font-weight
font-size
line-height
font-family

Más contenido relacionado

La actualidad más candente

La actualidad más candente (12)

evaluacion 2 párcial 2 quimestre primero bachillerato
evaluacion 2 párcial 2 quimestre primero bachilleratoevaluacion 2 párcial 2 quimestre primero bachillerato
evaluacion 2 párcial 2 quimestre primero bachillerato
 
Clase 02
Clase 02Clase 02
Clase 02
 
Diana melissa ruiz
Diana melissa ruizDiana melissa ruiz
Diana melissa ruiz
 
PROGRAMACION AVANZADA
PROGRAMACION AVANZADA PROGRAMACION AVANZADA
PROGRAMACION AVANZADA
 
pagina html
pagina htmlpagina html
pagina html
 
Html
HtmlHtml
Html
 
Tutorial de html
Tutorial de htmlTutorial de html
Tutorial de html
 
Html cuesti
Html cuestiHtml cuesti
Html cuesti
 
Indicaciones para la tarea pagina web básica
Indicaciones para la tarea pagina web básicaIndicaciones para la tarea pagina web básica
Indicaciones para la tarea pagina web básica
 
exposicion
exposicionexposicion
exposicion
 
Definiciones
DefinicionesDefiniciones
Definiciones
 
Html
HtmlHtml
Html
 

Destacado

Trabajo4.ofimatica katerinemarin.
Trabajo4.ofimatica katerinemarin.Trabajo4.ofimatica katerinemarin.
Trabajo4.ofimatica katerinemarin.decimosistemas2016
 
Manual de usuario mariana palacio
Manual de usuario mariana palacioManual de usuario mariana palacio
Manual de usuario mariana palaciodecimosistemas2016
 
Manual de usuario yuliana monsalve
Manual de usuario yuliana monsalveManual de usuario yuliana monsalve
Manual de usuario yuliana monsalvedecimosistemas2016
 
Tecno news ana sofia vargas agudelo - sirley tatiana colorado gomez - diany...
Tecno news   ana sofia vargas agudelo - sirley tatiana colorado gomez - diany...Tecno news   ana sofia vargas agudelo - sirley tatiana colorado gomez - diany...
Tecno news ana sofia vargas agudelo - sirley tatiana colorado gomez - diany...decimosistemas2016
 
Tecno news ana sofia vargas agudelo - sirley tatiana colorado gomez - diany...
Tecno news   ana sofia vargas agudelo - sirley tatiana colorado gomez - diany...Tecno news   ana sofia vargas agudelo - sirley tatiana colorado gomez - diany...
Tecno news ana sofia vargas agudelo - sirley tatiana colorado gomez - diany...decimosistemas2016
 
Informe de clase ana maria serna
Informe de clase ana maria sernaInforme de clase ana maria serna
Informe de clase ana maria sernadecimosistemas2016
 
Taller de sistemas numericos isabel
Taller de sistemas numericos isabelTaller de sistemas numericos isabel
Taller de sistemas numericos isabeldecimosistemas2016
 
Eliana nieto medidores de velocidad
Eliana nieto medidores de velocidadEliana nieto medidores de velocidad
Eliana nieto medidores de velocidaddecimosistemas2016
 
Trabajo14ofimatica anamariasernayadrianaromero
Trabajo14ofimatica anamariasernayadrianaromeroTrabajo14ofimatica anamariasernayadrianaromero
Trabajo14ofimatica anamariasernayadrianaromerodecimosistemas2016
 
Tecno news ana serna y kelly zapata
Tecno news ana serna y kelly zapataTecno news ana serna y kelly zapata
Tecno news ana serna y kelly zapatadecimosistemas2016
 
Taller sistemas numéricos laura daniela martinez alzate
Taller sistemas numéricos   laura daniela martinez alzateTaller sistemas numéricos   laura daniela martinez alzate
Taller sistemas numéricos laura daniela martinez alzatedecimosistemas2016
 
Feria y fiestas diany rengifo html.
Feria y fiestas diany rengifo html.Feria y fiestas diany rengifo html.
Feria y fiestas diany rengifo html.decimosistemas2016
 
Sirley tatiana colorado gòmez y diany fernada rengifo taller infirme de clase
Sirley tatiana colorado gòmez y diany fernada rengifo   taller infirme de claseSirley tatiana colorado gòmez y diany fernada rengifo   taller infirme de clase
Sirley tatiana colorado gòmez y diany fernada rengifo taller infirme de clasedecimosistemas2016
 

Destacado (20)

Trabajo4.ofimatica katerinemarin.
Trabajo4.ofimatica katerinemarin.Trabajo4.ofimatica katerinemarin.
Trabajo4.ofimatica katerinemarin.
 
Manual de usuario mariana palacio
Manual de usuario mariana palacioManual de usuario mariana palacio
Manual de usuario mariana palacio
 
Filtros en correo electronico
Filtros en correo electronicoFiltros en correo electronico
Filtros en correo electronico
 
Medios de comunicacion
Medios de comunicacionMedios de comunicacion
Medios de comunicacion
 
Manual de usuario yuliana monsalve
Manual de usuario yuliana monsalveManual de usuario yuliana monsalve
Manual de usuario yuliana monsalve
 
Tecno news ana sofia vargas agudelo - sirley tatiana colorado gomez - diany...
Tecno news   ana sofia vargas agudelo - sirley tatiana colorado gomez - diany...Tecno news   ana sofia vargas agudelo - sirley tatiana colorado gomez - diany...
Tecno news ana sofia vargas agudelo - sirley tatiana colorado gomez - diany...
 
Tecno news ana sofia vargas agudelo - sirley tatiana colorado gomez - diany...
Tecno news   ana sofia vargas agudelo - sirley tatiana colorado gomez - diany...Tecno news   ana sofia vargas agudelo - sirley tatiana colorado gomez - diany...
Tecno news ana sofia vargas agudelo - sirley tatiana colorado gomez - diany...
 
Informe de clase ana maria serna
Informe de clase ana maria sernaInforme de clase ana maria serna
Informe de clase ana maria serna
 
Encuesta estudiantil
Encuesta estudiantilEncuesta estudiantil
Encuesta estudiantil
 
Noticiero isabel cristina
Noticiero isabel cristinaNoticiero isabel cristina
Noticiero isabel cristina
 
Taller html.docx cristina
Taller html.docx  cristinaTaller html.docx  cristina
Taller html.docx cristina
 
Taller de sistemas numericos isabel
Taller de sistemas numericos isabelTaller de sistemas numericos isabel
Taller de sistemas numericos isabel
 
Eliana nieto medidores de velocidad
Eliana nieto medidores de velocidadEliana nieto medidores de velocidad
Eliana nieto medidores de velocidad
 
Tabla
TablaTabla
Tabla
 
Trabajo14ofimatica anamariasernayadrianaromero
Trabajo14ofimatica anamariasernayadrianaromeroTrabajo14ofimatica anamariasernayadrianaromero
Trabajo14ofimatica anamariasernayadrianaromero
 
Hoja de calculo ana serna
Hoja de calculo ana sernaHoja de calculo ana serna
Hoja de calculo ana serna
 
Tecno news ana serna y kelly zapata
Tecno news ana serna y kelly zapataTecno news ana serna y kelly zapata
Tecno news ana serna y kelly zapata
 
Taller sistemas numéricos laura daniela martinez alzate
Taller sistemas numéricos   laura daniela martinez alzateTaller sistemas numéricos   laura daniela martinez alzate
Taller sistemas numéricos laura daniela martinez alzate
 
Feria y fiestas diany rengifo html.
Feria y fiestas diany rengifo html.Feria y fiestas diany rengifo html.
Feria y fiestas diany rengifo html.
 
Sirley tatiana colorado gòmez y diany fernada rengifo taller infirme de clase
Sirley tatiana colorado gòmez y diany fernada rengifo   taller infirme de claseSirley tatiana colorado gòmez y diany fernada rengifo   taller infirme de clase
Sirley tatiana colorado gòmez y diany fernada rengifo taller infirme de clase
 

Similar a HTML Introducción Lenguaje Marcas (20)

Actividad #2
Actividad #2Actividad #2
Actividad #2
 
Html5
Html5Html5
Html5
 
Access
AccessAccess
Access
 
Access
AccessAccess
Access
 
Que es html
Que es htmlQue es html
Que es html
 
Nicholl giraldo html
Nicholl giraldo htmlNicholl giraldo html
Nicholl giraldo html
 
Html
HtmlHtml
Html
 
Mariana palacio katerine marin html
Mariana palacio katerine marin htmlMariana palacio katerine marin html
Mariana palacio katerine marin html
 
Juliana montoya anyela rosero
Juliana montoya anyela roseroJuliana montoya anyela rosero
Juliana montoya anyela rosero
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html1
Html1Html1
Html1
 
HTML :D TRABAJO DE HTML :D
HTML :D TRABAJO DE HTML :DHTML :D TRABAJO DE HTML :D
HTML :D TRABAJO DE HTML :D
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Colegio debora arango perez
Colegio debora arango perezColegio debora arango perez
Colegio debora arango perez
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Marianapalacio katerinemarin
Marianapalacio katerinemarinMarianapalacio katerinemarin
Marianapalacio katerinemarin
 
Html dulce mata (1)
Html dulce mata (1)Html dulce mata (1)
Html dulce mata (1)
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 

Último

Indicaciones y contraindicaciones de la sonda vesical y sonda nasogastrica.pptx
Indicaciones y contraindicaciones de la sonda vesical y sonda nasogastrica.pptxIndicaciones y contraindicaciones de la sonda vesical y sonda nasogastrica.pptx
Indicaciones y contraindicaciones de la sonda vesical y sonda nasogastrica.pptx Estefa RM9
 
SISTEMA DE CLORACIÓN - PARA SISTEMA DE AGUA POTABLE VIVIENDA.pptx
SISTEMA DE CLORACIÓN - PARA SISTEMA DE AGUA POTABLE VIVIENDA.pptxSISTEMA DE CLORACIÓN - PARA SISTEMA DE AGUA POTABLE VIVIENDA.pptx
SISTEMA DE CLORACIÓN - PARA SISTEMA DE AGUA POTABLE VIVIENDA.pptxGenaroElmerSifuentes6
 
PAI Hemofilia hereditaria en los servicios de salud
PAI Hemofilia hereditaria en los servicios de saludPAI Hemofilia hereditaria en los servicios de salud
PAI Hemofilia hereditaria en los servicios de saludLupisPerez1
 
PARASITOSIS INTESTINAL en Pediatría, Enfermería y Familiar II
PARASITOSIS INTESTINAL en Pediatría, Enfermería y Familiar IIPARASITOSIS INTESTINAL en Pediatría, Enfermería y Familiar II
PARASITOSIS INTESTINAL en Pediatría, Enfermería y Familiar IIgeraldinagutierrez81
 
Sesión - Vacunación del Adulto (Revisión tema).pdf
Sesión - Vacunación del Adulto (Revisión tema).pdfSesión - Vacunación del Adulto (Revisión tema).pdf
Sesión - Vacunación del Adulto (Revisión tema).pdfLas Sesiones de San Blas
 
IVU-PIELO-SEPSIS listo.pptxLos problemas de salud más comunes en los bebés in...
IVU-PIELO-SEPSIS listo.pptxLos problemas de salud más comunes en los bebés in...IVU-PIELO-SEPSIS listo.pptxLos problemas de salud más comunes en los bebés in...
IVU-PIELO-SEPSIS listo.pptxLos problemas de salud más comunes en los bebés in...MarcoFlores940553
 
CAPACITACIÓN VIGIA EN SEGURIDAD Y SALUD EN EL TRABAJO.ppt
CAPACITACIÓN VIGIA EN SEGURIDAD Y SALUD EN EL TRABAJO.pptCAPACITACIÓN VIGIA EN SEGURIDAD Y SALUD EN EL TRABAJO.ppt
CAPACITACIÓN VIGIA EN SEGURIDAD Y SALUD EN EL TRABAJO.pptSandraCardenas92
 
PROYECTO 3 4 5 AÑOS del nivel inicial
PROYECTO    3 4 5 AÑOS del nivel inicialPROYECTO    3 4 5 AÑOS del nivel inicial
PROYECTO 3 4 5 AÑOS del nivel inicialArtemisaReateguiCaro
 
IMPORTANCIA D ELAS VACUNAS EN LA POBLACION
IMPORTANCIA D ELAS VACUNAS EN LA POBLACIONIMPORTANCIA D ELAS VACUNAS EN LA POBLACION
IMPORTANCIA D ELAS VACUNAS EN LA POBLACIONDanielaSantos100046
 

Último (9)

Indicaciones y contraindicaciones de la sonda vesical y sonda nasogastrica.pptx
Indicaciones y contraindicaciones de la sonda vesical y sonda nasogastrica.pptxIndicaciones y contraindicaciones de la sonda vesical y sonda nasogastrica.pptx
Indicaciones y contraindicaciones de la sonda vesical y sonda nasogastrica.pptx
 
SISTEMA DE CLORACIÓN - PARA SISTEMA DE AGUA POTABLE VIVIENDA.pptx
SISTEMA DE CLORACIÓN - PARA SISTEMA DE AGUA POTABLE VIVIENDA.pptxSISTEMA DE CLORACIÓN - PARA SISTEMA DE AGUA POTABLE VIVIENDA.pptx
SISTEMA DE CLORACIÓN - PARA SISTEMA DE AGUA POTABLE VIVIENDA.pptx
 
PAI Hemofilia hereditaria en los servicios de salud
PAI Hemofilia hereditaria en los servicios de saludPAI Hemofilia hereditaria en los servicios de salud
PAI Hemofilia hereditaria en los servicios de salud
 
PARASITOSIS INTESTINAL en Pediatría, Enfermería y Familiar II
PARASITOSIS INTESTINAL en Pediatría, Enfermería y Familiar IIPARASITOSIS INTESTINAL en Pediatría, Enfermería y Familiar II
PARASITOSIS INTESTINAL en Pediatría, Enfermería y Familiar II
 
Sesión - Vacunación del Adulto (Revisión tema).pdf
Sesión - Vacunación del Adulto (Revisión tema).pdfSesión - Vacunación del Adulto (Revisión tema).pdf
Sesión - Vacunación del Adulto (Revisión tema).pdf
 
IVU-PIELO-SEPSIS listo.pptxLos problemas de salud más comunes en los bebés in...
IVU-PIELO-SEPSIS listo.pptxLos problemas de salud más comunes en los bebés in...IVU-PIELO-SEPSIS listo.pptxLos problemas de salud más comunes en los bebés in...
IVU-PIELO-SEPSIS listo.pptxLos problemas de salud más comunes en los bebés in...
 
CAPACITACIÓN VIGIA EN SEGURIDAD Y SALUD EN EL TRABAJO.ppt
CAPACITACIÓN VIGIA EN SEGURIDAD Y SALUD EN EL TRABAJO.pptCAPACITACIÓN VIGIA EN SEGURIDAD Y SALUD EN EL TRABAJO.ppt
CAPACITACIÓN VIGIA EN SEGURIDAD Y SALUD EN EL TRABAJO.ppt
 
PROYECTO 3 4 5 AÑOS del nivel inicial
PROYECTO    3 4 5 AÑOS del nivel inicialPROYECTO    3 4 5 AÑOS del nivel inicial
PROYECTO 3 4 5 AÑOS del nivel inicial
 
IMPORTANCIA D ELAS VACUNAS EN LA POBLACION
IMPORTANCIA D ELAS VACUNAS EN LA POBLACIONIMPORTANCIA D ELAS VACUNAS EN LA POBLACION
IMPORTANCIA D ELAS VACUNAS EN LA POBLACION
 

HTML Introducción Lenguaje Marcas

  • 1. Veronica Gutiérrez Usuga Yuliana Monsalve Montoya Técnico En Sistemas HTML El HTML no es más que una aplicación del SGML (Standard Generalized Markup Language), un sistema para definir tipos de documentos estructurados y lenguajes de marcas para representar esos mismos documentos. El término HTML se suele referir a ambas cosas, tanto al tipo de documento como al lenguaje de marcas. A medida que nos afianzamos en el manejo de Internet cada uno de nosotros pasa por tres etapas diferentes: Al principio solamente conocemos unas pocas páginas, luego nos damos cuenta que existen buscadores lo cual lo hace más interesante y por último nos damos cuenta que en Internet no solamente se puede ver la información sino que también se puede publicar. ¿y qué otra manera más fácil y más sencilla? Si Internet tiene acceso a todos los rincones del mundo Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas características, con el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles con distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tabletas, vipers etc. No obstante, para interpretar correctamente una nueva versión de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar la nueva versión del navegador con los cambios incorporados PROGRAMAS USADOS PARA PROGRAMAR HTML BLOC DE NOTAS NAVEGADOR: INTERNET EXPLORER –GOOLGE CHROME- MOZILLA FIREFOX- OPERA- SAFARI COMANDO HTML < HTML > ... < /HTML > : Indicael comienzo y fin de un archivo HTML < HEAD > ... < /HEAD > : Indicael comienzo y fin de un encabezado (aquíse coloca generalmente el título). < TITLE> ... < /TITLE> : Indicael título. < BODY> ... < /BODY > : Indicael comienzo y fin del cuerpo de la página. < P > ... < /P > : Indicacomienzo y fin de un párrafo. < BR > : Permite saltarseuna línea (sellama quiebre de línea). < Hn > ... < Hn > : Para n entre 1 y 6, hacen que el texto encerrado aparezca como encabezado (un subtítulo). Se recomienda usar sólo 1,2 y 3. Tipos de letras:
  • 2. Veronica Gutiérrez Usuga Yuliana Monsalve Montoya Técnico En Sistemas COLORES PINK YELLOW GREEN ORANGE PURPLE WHITE BLACK COFFEE BLUE RED GRAY SKIN GOLDEN SILVER LETRAS font-style font-variant font-weight font-size line-height font-family