SlideShare una empresa de Scribd logo
1 de 7
HTML 
Elaborado por: 
María Alejandra Roa Cruz 
Leidy Paola Ruiz Roa 
Tecnología e Informática
¿QUE ES HTML? 
Es un estándar que sirve de referencia para la elaboración de 
páginas web en sus diferentes versiones, define una estructura 
básica y un código (denominado código HTML) para la definición de 
contenido de una página web, como texto, imágenes, entre otros. 
Es un estándar a cargo de la W3C, organización dedicada a la 
estandarización de casi todas las tecnologías ligadas a la web, 
sobre todo en lo referente a su escritura e interpretación.
ETIQUETA 
El lenguaje HTML es un lenguaje de marcas, 
estas marcas serán fragmentos de texto 
destacado de una forma especial que permiten 
la definición de las distintas instrucciones de 
HTML, tanto los efectos a aplicar sobre el 
texto como las distintas estructuras del 
lenguaje. A estas marcas las denominaremos 
etiquetas y serán la base principal del lenguaje 
HTML. En documento HTML será un fichero 
texto con etiquetas que variarán la forma de su 
presentación.
 Una etiqueta será un texto incluido 
entre los símbolos menor que ( y mayor 
que ).. El texto incluido dentro de los 
símbolos será explicativo de la utilidad 
de la etiqueta. Por ejemplo: 
<B> Letra Negrita, del inglés Bol(negrita). 
<TABLE> Definirá una tabla. 
<IMG> Inclusión de una imagen.
ETIQUETAS CORRECTAS 
Todo texto que se encuentre entre los caracteres 
( y )se considerará una etiqueta, si la etiqueta no 
fuera una de las validas del lenguaje HTML no será 
tenida en cuenta, sin causar ningún tipo de error. 
Dejándose el texto o las etiquetas a las que afectaba 
como si no existiera la etiqueta extraña.
TABLA DE COLORES HTML 
Con esta Tabla de 
colores HTML 
dinámica puede 
conseguir códigos 
HTML para los 
colores básicos. 
Haga clic en 
cualquier cuadro 
de color para 
conseguir su 
Código de color 
HTML.
 Formato de los códigos HTML: 
Cada código HTML comprende el símbolo «#» y 6 letras 
o números. Estos números se expresan en el sistema de 
numeración hexadecimal. Por ejemplo «FF» en 
hexadecimal representa el número 255 en Decimal. 
 Significado de los símbolos: 
Significado de los símbolos: Los dos primeros símbolos 
del código de color HTML representan la intensidad del 
color rojo. 00 es el menos intenso y FF es el más intenso. 
El tercer y el cuarto número representan la intensidad 
del verde y el quinto y el sexto representan la 
intensidad del azul. Así, con esta combinación de la 
intensidad del rojo, verde y azul podemos mezclar 
cualquier color que deseemos de corazón)

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Estructura de una página web con estilo y heard
Estructura de una página web con estilo y heardEstructura de una página web con estilo y heard
Estructura de una página web con estilo y heard
 
Presentación1
Presentación1Presentación1
Presentación1
 
Blogger
BloggerBlogger
Blogger
 
Etiquetas Diapositivas.
Etiquetas Diapositivas.Etiquetas Diapositivas.
Etiquetas Diapositivas.
 
Diseño web clase02
Diseño web clase02Diseño web clase02
Diseño web clase02
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Que es html
Que es htmlQue es html
Que es html
 
Semana 5 html
Semana 5  htmlSemana 5  html
Semana 5 html
 
Present: I WEB DINAMICAS
Present: I WEB  DINAMICASPresent: I WEB  DINAMICAS
Present: I WEB DINAMICAS
 
Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTML
 
Herramientas de html (Tablas)
Herramientas de html (Tablas)Herramientas de html (Tablas)
Herramientas de html (Tablas)
 
IMAGENES Y TABLAS EN HTML
IMAGENES Y TABLAS EN HTMLIMAGENES Y TABLAS EN HTML
IMAGENES Y TABLAS EN HTML
 
El texto HTML
El texto HTMLEl texto HTML
El texto HTML
 
Practica 6.........bloque 2
Practica 6.........bloque 2Practica 6.........bloque 2
Practica 6.........bloque 2
 
Inocentes mascotitas
Inocentes mascotitasInocentes mascotitas
Inocentes mascotitas
 

Similar a Paola ruiz roa,Alejandra roa HTML (20)

html
htmlhtml
html
 
Html
HtmlHtml
Html
 
Producto 3
Producto 3Producto 3
Producto 3
 
html
htmlhtml
html
 
Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 
html
htmlhtml
html
 
html
 html html
html
 
html
 html html
html
 
html
 html html
html
 
html
 html html
html
 
html
 html html
html
 
html
 html html
html
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
Pagina web 1
Pagina web 1 Pagina web 1
Pagina web 1
 
Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html manual de referencia
Html manual de referenciaHtml manual de referencia
Html manual de referencia
 
Html – básico 1
Html – básico 1Html – básico 1
Html – básico 1
 
Unidad educativa municipal
Unidad educativa municipalUnidad educativa municipal
Unidad educativa municipal
 

Último

Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosJhonJairoRodriguezCe
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 

Último (11)

Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 

Paola ruiz roa,Alejandra roa HTML

  • 1. HTML Elaborado por: María Alejandra Roa Cruz Leidy Paola Ruiz Roa Tecnología e Informática
  • 2. ¿QUE ES HTML? Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación.
  • 3. ETIQUETA El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas y serán la base principal del lenguaje HTML. En documento HTML será un fichero texto con etiquetas que variarán la forma de su presentación.
  • 4.  Una etiqueta será un texto incluido entre los símbolos menor que ( y mayor que ).. El texto incluido dentro de los símbolos será explicativo de la utilidad de la etiqueta. Por ejemplo: <B> Letra Negrita, del inglés Bol(negrita). <TABLE> Definirá una tabla. <IMG> Inclusión de una imagen.
  • 5. ETIQUETAS CORRECTAS Todo texto que se encuentre entre los caracteres ( y )se considerará una etiqueta, si la etiqueta no fuera una de las validas del lenguaje HTML no será tenida en cuenta, sin causar ningún tipo de error. Dejándose el texto o las etiquetas a las que afectaba como si no existiera la etiqueta extraña.
  • 6. TABLA DE COLORES HTML Con esta Tabla de colores HTML dinámica puede conseguir códigos HTML para los colores básicos. Haga clic en cualquier cuadro de color para conseguir su Código de color HTML.
  • 7.  Formato de los códigos HTML: Cada código HTML comprende el símbolo «#» y 6 letras o números. Estos números se expresan en el sistema de numeración hexadecimal. Por ejemplo «FF» en hexadecimal representa el número 255 en Decimal.  Significado de los símbolos: Significado de los símbolos: Los dos primeros símbolos del código de color HTML representan la intensidad del color rojo. 00 es el menos intenso y FF es el más intenso. El tercer y el cuarto número representan la intensidad del verde y el quinto y el sexto representan la intensidad del azul. Así, con esta combinación de la intensidad del rojo, verde y azul podemos mezclar cualquier color que deseemos de corazón)