SlideShare una empresa de Scribd logo
1 de 10
HTML

Integrantes: *Nicol Andrade

*Claudia Martínez

*Belén Zapata

*Gabriel Garzón

*Kevin Guallichico

*Xavier Sanabria

1

Curso: 1ro B.G.U “D”
Fecha: 2014-01-07
DEFINICIÓN


HTML

. Es un estándar que, 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, etc.

2
¿PARA QUE SIRVE?


HTML

Sirve para realizar páginas web por medio de sus
etiquetas, con HTML y la ayuda de CSS se
estructuran los sitios web estáticos ya que las webs
dinámicas se realizan con la ayuda de lenguajes
que permitan intercambio de información con bases
de datos

3
CARACTERÍSTICAS
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
 El lenguaje HTML basa su filosofía de desarrollo en la
referenciación.
 Añadir un elemento externo a la página (imagen, vídeo,
script, etc.), este no se incrusta directamente en el código
de la página
 la página web contiene sólo texto mientras que recae en
el navegador web (interpretador del código) la tarea de
unir todos los elementos y visualizar la página final.


HTML

4
EDITORES


HTML

Un editor es un programa que nos permiten
redactar documentos. Hoy en díaexisten un gran
número de editores que permiten crear páginas
web sin lanecesidad de escribir ni una sola línea de
código HTML. Estos editores disponende un
entorno visual, y generan automáticamente el
código de las páginas. Alpoder ver en todo
momento cómo quedará la página en el navegador,
se facilita lacreación de las páginas, y el usode
menús permite ganar rapidez.

5
COLORES


HTML

Los colores en HTML se representan mediante un
número hexadecimal. Un número hexadecimal se
diferencia de un número decimal en que no sólo puede
tomar valores del 0 al 9, sino que puede tomar hasta
dieciséis valores distintos, que van del 0 al 9, y de la Aa
la F. Cada color estará representado por un grupo de
seis dígitos en hexadecimal, precedidos por una
almohadilla, como por ejemplo #FFFFFF. Existen 216
colores seguros para web. Éstos son los colores que se
muestran de la misma forma en Microsoft
Internet Explorer y en Netscape Navigator,
tanto en Windows como en Macintosh.
También podemos personalizar nuestros
propios colores, modificando los valores de
cada uno de los dígitos que forman parte del
número hexadecimal.
6
ETIQUETADAS


Ej:<font color="#993366"size="4"face="Comic Sans MS,
Arial, MS SansSerif">Bienvenidos a
www.aulaclic.com</font></p>

HTML

Las etiquetas o marcas delimitan cada uno de los
elementos que componen un documento HTML. Existen
dos tipos de etiquetas, la de comienzo de elemento y la
de fin o cierre de elemento.
La etiqueta de comienzo está delimitada por los
caracteres < y >. Está compuesta por el identificador o
nombre de la etiqueta, y puede contener una serie de
atributos opcionales que permiten añadir ciertas
propiedades. Su sintaxis es: <identificador atributo1
atributo2 ...> Los atributos de la etiqueta de comienzo
siguen una sintaxis predefinida y pueden tomar
cualquier valor propio del usuario, o valores HTML
predefinidos.

7
ESTRUCTURA DE
ELEMENTOS
HTML

8
ESTRUCTURA DE DOCUMENTO

HTML

Módulos de:
•Estructura
•html, head, title, body
•Metainformación
•Estilos
•Link
•Base
Módulos de:
•Texto
•p, code, div, em, strong, span, q,
pre, samp, h1, h2, h3, etc
•Hipertexto
•Lista
•Objetos
•Presentación
•Edición
•Formularios
•Tablas
•Imagen

9
VALORES DE ATRIBUTOS

<a href=”http://www.wikipedia.com/ancla/”
title=”Definición de Wikipedia” rel=”External”>
vínculoo ancla </a>

HTML

Propiedad de algunos elementos a los que se les
asigna Valores específicos (Humanos/Robots)
<a> vínculo o ancla </a>
•href
•tabindex
•title
•rel
•id
•class
•hreflang
•accesskey

10

Más contenido relacionado

La actualidad más candente

La actualidad más candente (14)

Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Codigos html
Codigos htmlCodigos html
Codigos html
 
Contenido
ContenidoContenido
Contenido
 
DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5
 
Presentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTMLPresentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTML
 
Diapositivas 1
Diapositivas 1Diapositivas 1
Diapositivas 1
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Curso basico de html
Curso basico de         htmlCurso basico de         html
Curso basico de html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html
HtmlHtml
Html
 
Diseno De Paginas Web
Diseno De Paginas WebDiseno De Paginas Web
Diseno De Paginas Web
 
Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerra
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 

Similar a Html (20)

Codigo html
Codigo htmlCodigo html
Codigo html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Htlm
HtlmHtlm
Htlm
 
Html
HtmlHtml
Html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
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
 
Guia html
Guia htmlGuia html
Guia html
 
Conociendo mas sobre HTLM
Conociendo mas sobre HTLMConociendo mas sobre HTLM
Conociendo mas sobre HTLM
 
conociendo sobre HTLM
conociendo sobre HTLMconociendo sobre HTLM
conociendo sobre HTLM
 
Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Navegadores
NavegadoresNavegadores
Navegadores
 
Arias
AriasArias
Arias
 
unidad 1
unidad 1unidad 1
unidad 1
 
Qué es html
Qué es htmlQué es html
Qué es html
 

Último

SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.docRodneyFrankCUADROSMI
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptxRigoTito
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfpatriciaines1993
 
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
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxEliaHernndez7
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfPaolaRopero2
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSYadi Campos
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosJonathanCovena1
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdfMiNeyi1
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfAlfaresbilingual
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfUPTAIDELTACHIRA
 
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
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfNancyLoaa
 

Último (20)

Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
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
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
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...
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 

Html

  • 1. HTML Integrantes: *Nicol Andrade *Claudia Martínez *Belén Zapata *Gabriel Garzón *Kevin Guallichico *Xavier Sanabria 1 Curso: 1ro B.G.U “D” Fecha: 2014-01-07
  • 2. DEFINICIÓN  HTML . Es un estándar que, 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, etc. 2
  • 3. ¿PARA QUE SIRVE?  HTML Sirve para realizar páginas web por medio de sus etiquetas, con HTML y la ayuda de CSS se estructuran los sitios web estáticos ya que las webs dinámicas se realizan con la ayuda de lenguajes que permitan intercambio de información con bases de datos 3
  • 4. CARACTERÍSTICAS 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  El lenguaje HTML basa su filosofía de desarrollo en la referenciación.  Añadir un elemento externo a la página (imagen, vídeo, script, etc.), este no se incrusta directamente en el código de la página  la página web contiene sólo texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final.  HTML 4
  • 5. EDITORES  HTML Un editor es un programa que nos permiten redactar documentos. Hoy en díaexisten un gran número de editores que permiten crear páginas web sin lanecesidad de escribir ni una sola línea de código HTML. Estos editores disponende un entorno visual, y generan automáticamente el código de las páginas. Alpoder ver en todo momento cómo quedará la página en el navegador, se facilita lacreación de las páginas, y el usode menús permite ganar rapidez. 5
  • 6. COLORES  HTML Los colores en HTML se representan mediante un número hexadecimal. Un número hexadecimal se diferencia de un número decimal en que no sólo puede tomar valores del 0 al 9, sino que puede tomar hasta dieciséis valores distintos, que van del 0 al 9, y de la Aa la F. Cada color estará representado por un grupo de seis dígitos en hexadecimal, precedidos por una almohadilla, como por ejemplo #FFFFFF. Existen 216 colores seguros para web. Éstos son los colores que se muestran de la misma forma en Microsoft Internet Explorer y en Netscape Navigator, tanto en Windows como en Macintosh. También podemos personalizar nuestros propios colores, modificando los valores de cada uno de los dígitos que forman parte del número hexadecimal. 6
  • 7. ETIQUETADAS  Ej:<font color="#993366"size="4"face="Comic Sans MS, Arial, MS SansSerif">Bienvenidos a www.aulaclic.com</font></p> HTML Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML. Existen dos tipos de etiquetas, la de comienzo de elemento y la de fin o cierre de elemento. La etiqueta de comienzo está delimitada por los caracteres < y >. Está compuesta por el identificador o nombre de la etiqueta, y puede contener una serie de atributos opcionales que permiten añadir ciertas propiedades. Su sintaxis es: <identificador atributo1 atributo2 ...> Los atributos de la etiqueta de comienzo siguen una sintaxis predefinida y pueden tomar cualquier valor propio del usuario, o valores HTML predefinidos. 7
  • 9. ESTRUCTURA DE DOCUMENTO HTML Módulos de: •Estructura •html, head, title, body •Metainformación •Estilos •Link •Base Módulos de: •Texto •p, code, div, em, strong, span, q, pre, samp, h1, h2, h3, etc •Hipertexto •Lista •Objetos •Presentación •Edición •Formularios •Tablas •Imagen 9
  • 10. VALORES DE ATRIBUTOS <a href=”http://www.wikipedia.com/ancla/” title=”Definición de Wikipedia” rel=”External”> vínculoo ancla </a> HTML Propiedad de algunos elementos a los que se les asigna Valores específicos (Humanos/Robots) <a> vínculo o ancla </a> •href •tabindex •title •rel •id •class •hreflang •accesskey 10