SlideShare une entreprise Scribd logo
1  sur  4
COLEGIO NACIONAL NICOLAS ESGUERRA
                             EDIFICAMOS FUTURO

David Esteban Acosta H.                                                              901
Diego Armando Aguilar G.

                                              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.
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).




Navegadores
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.
el navegador instalado en el ordenador del usuario es el que interpreta el código HTML de la
página que visita por lo que a veces puede ocurrir que dos usuarios visualicen la misma página de
forma distinta porque tienen instalados navegadores distintos o incluso versiones distintas del
mismo navegador.
Los navegadores de hoy en día pretenden ser compatibles con la última versión de HTML. Es
necesario realizar extensiones de los navegadores para que puedan ser compatibles con esta
última versión.
Dos de los navegadores que continuamente están realizando extensiones son Internet
Explorer y Netscape Navegador, que realizan extensiones incluso antes de que se
establezcan los estándares, intentando incluir las nuevas funciones incluidas en los borradores.
Los navegadores tienen que ser compatibles con la última versión HTML para poder interpretar el
mayor número posible de etiquetas. Si un navegador no reconoce una etiqueta, la ignora y el
efecto que pretendía la etiqueta no queda reflejado en la página.
Para realizar las extensiones de estos navegadores se añaden nuevos atributos a las etiquetas ya
existentes, o se añaden nuevas etiquetas.
Los tipos de navegadores son:

♦internet explorer
♦mozilla Firefox
♦googlechrome
♦opera
♦safari




Editores
Un editor es un programa que nos permiten redactar documentos. Hoy en día
existen un gran número de editores que permiten crear páginas web sin la
necesidad de escribir ni una sola línea de código HTML. Estos editores disponen
de un entorno visual, y generan automáticamente el código de las páginas. Al
poder ver en todo momento cómo quedará la página en el navegador, se facilita la
creación de las páginas, y el uso de menús permite ganar rapidez.
Estos editores visuales pueden generar en ocasiones código basura, es decir,
código que no sirve para nada, en otras ocasiones puede ser más efectivo corregir
directamente el código por lo que resulta necesario saber HTML para poder
depurar el código de nuestra páginas.
Algunos de los editores visuales con los que podrás crear tus páginas web son
Macromedia       Dreamweaver,      Microsoft     Frontpage,     Adobe    Pagemill,
NetObjectsFusion, CutePage, HotDogProffesional, Netscape Composer y
Arachnophilia, de los cuales algunos tienen la ventaja de ser gratuitos.
Etiquetas
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.
La etiqueta de final está delimitada por los caracteres </ y >. Está compuesta por
el identificador o nombre de la etiqueta, y no contiene atributos. Su sintaxis es:
</identificador>
Cada uno de los elementos de la página se encontrará entre una etiqueta de
comienzo y su correspondiente etiqueta de cierre, a excepción de algunos
elementos que no necesitan etiqueta de cierre. También es posible anidar
etiquetas, es decir, insertar etiquetas entre otras etiquetas de comienzo y de
cierre.

Ejm:

    <p align="center"><fontcolor="#993366"size="4"face="Comic Sans MS,
  Arial, MS Sans Serif">Bienvenidos a www.aulaclic.com</font></p>



Colores hexadecimales
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.
A continuación se muestran los 216 colores seguros para web, para que puedas consultarlos
cuando lo necesites.
Colegio nacional nicolas esguerra

Contenu connexe

Tendances (12)

Kenin y guari
Kenin y guariKenin y guari
Kenin y guari
 
Html
HtmlHtml
Html
 
Meneses martines
Meneses martinesMeneses martines
Meneses martines
 
Html
HtmlHtml
Html
 
Pagina web
Pagina webPagina web
Pagina web
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Office word arnold
Office word arnoldOffice word arnold
Office word arnold
 
HTML
HTML HTML
HTML
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a 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
 
Htlm
HtlmHtlm
Htlm
 

En vedette (20)

Etica final m
Etica final mEtica final m
Etica final m
 
Novela
NovelaNovela
Novela
 
Bandas y fresas
Bandas y fresasBandas y fresas
Bandas y fresas
 
Dia muertos
Dia muertosDia muertos
Dia muertos
 
NATIVOS DIGITALES.Comparación de modelos educativos
NATIVOS DIGITALES.Comparación de modelos educativosNATIVOS DIGITALES.Comparación de modelos educativos
NATIVOS DIGITALES.Comparación de modelos educativos
 
Gbi
GbiGbi
Gbi
 
Heramientas web20
Heramientas web20Heramientas web20
Heramientas web20
 
Cantantes vallenatos
Cantantes vallenatosCantantes vallenatos
Cantantes vallenatos
 
1089 lc vc-vc corporativa
1089 lc vc-vc corporativa1089 lc vc-vc corporativa
1089 lc vc-vc corporativa
 
Raul planeacion esp.
Raul planeacion esp.Raul planeacion esp.
Raul planeacion esp.
 
Entre pelos
Entre pelosEntre pelos
Entre pelos
 
Presentación ejecutiva. dfea
Presentación ejecutiva. dfeaPresentación ejecutiva. dfea
Presentación ejecutiva. dfea
 
David paredes
David paredesDavid paredes
David paredes
 
Diá del maestro 5ºa
Diá del maestro 5ºaDiá del maestro 5ºa
Diá del maestro 5ºa
 
Maestros 1ºa
Maestros 1ºaMaestros 1ºa
Maestros 1ºa
 
Uso de tecnología ii unidad 1 act. 1
Uso de tecnología ii unidad 1 act. 1Uso de tecnología ii unidad 1 act. 1
Uso de tecnología ii unidad 1 act. 1
 
Tapas de libros 1º a y b
Tapas de libros 1º a y bTapas de libros 1º a y b
Tapas de libros 1º a y b
 
Analisis plan 2011
Analisis plan 2011Analisis plan 2011
Analisis plan 2011
 
Actividad unidad 2
Actividad unidad 2Actividad unidad 2
Actividad unidad 2
 
Patrimonio cultural
Patrimonio culturalPatrimonio cultural
Patrimonio cultural
 

Similaire à Colegio nacional nicolas esguerra

Similaire à Colegio nacional nicolas esguerra (20)

Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Trabajo david rocha
Trabajo david rochaTrabajo david rocha
Trabajo david rocha
 
Trabajo david rocha 2
Trabajo david rocha 2Trabajo david rocha 2
Trabajo david rocha 2
 
Kenin y guari
Kenin y guariKenin y guari
Kenin y guari
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
HTML
HTMLHTML
HTML
 
taller HTML
taller HTML taller HTML
taller HTML
 
Taller HTML
Taller HTMLTaller HTML
Taller HTML
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
Office word arnold
Office word arnoldOffice word arnold
Office word arnold
 
Colegio nicolas esguerra edificamos futuro
Colegio nicolas esguerra edificamos futuroColegio nicolas esguerra edificamos futuro
Colegio nicolas esguerra edificamos futuro
 
Colegio nacional nicolas
Colegio  nacional  nicolasColegio  nacional  nicolas
Colegio nacional nicolas
 
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
 

Plus de diegoarguilar

Plus de diegoarguilar (8)

Creacion de la pagina ne
Creacion de la pagina neCreacion de la pagina ne
Creacion de la pagina ne
 
estructura
estructuraestructura
estructura
 
Estructura de una página
Estructura de una páginaEstructura de una página
Estructura de una página
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Concesionario
ConcesionarioConcesionario
Concesionario
 
Concesionario
ConcesionarioConcesionario
Concesionario
 
Clinica
ClinicaClinica
Clinica
 
Constelaciones
ConstelacionesConstelaciones
Constelaciones
 

Dernier

NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
UPTAIDELTACHIRA
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
lupitavic
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
El Fortí
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
MiNeyi1
 
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
MiNeyi1
 
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
patriciaines1993
 

Dernier (20)

Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
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
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
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
 

Colegio nacional nicolas esguerra

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA EDIFICAMOS FUTURO David Esteban Acosta H. 901 Diego Armando Aguilar G. 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. 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). Navegadores 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. el navegador instalado en el ordenador del usuario es el que interpreta el código HTML de la página que visita por lo que a veces puede ocurrir que dos usuarios visualicen la misma página de forma distinta porque tienen instalados navegadores distintos o incluso versiones distintas del mismo navegador. Los navegadores de hoy en día pretenden ser compatibles con la última versión de HTML. Es necesario realizar extensiones de los navegadores para que puedan ser compatibles con esta última versión. Dos de los navegadores que continuamente están realizando extensiones son Internet Explorer y Netscape Navegador, que realizan extensiones incluso antes de que se establezcan los estándares, intentando incluir las nuevas funciones incluidas en los borradores. Los navegadores tienen que ser compatibles con la última versión HTML para poder interpretar el mayor número posible de etiquetas. Si un navegador no reconoce una etiqueta, la ignora y el efecto que pretendía la etiqueta no queda reflejado en la página.
  • 2. Para realizar las extensiones de estos navegadores se añaden nuevos atributos a las etiquetas ya existentes, o se añaden nuevas etiquetas. Los tipos de navegadores son: ♦internet explorer ♦mozilla Firefox ♦googlechrome ♦opera ♦safari Editores Un editor es un programa que nos permiten redactar documentos. Hoy en día existen un gran número de editores que permiten crear páginas web sin la necesidad de escribir ni una sola línea de código HTML. Estos editores disponen de un entorno visual, y generan automáticamente el código de las páginas. Al poder ver en todo momento cómo quedará la página en el navegador, se facilita la creación de las páginas, y el uso de menús permite ganar rapidez. Estos editores visuales pueden generar en ocasiones código basura, es decir, código que no sirve para nada, en otras ocasiones puede ser más efectivo corregir directamente el código por lo que resulta necesario saber HTML para poder depurar el código de nuestra páginas. Algunos de los editores visuales con los que podrás crear tus páginas web son Macromedia Dreamweaver, Microsoft Frontpage, Adobe Pagemill, NetObjectsFusion, CutePage, HotDogProffesional, Netscape Composer y Arachnophilia, de los cuales algunos tienen la ventaja de ser gratuitos.
  • 3. Etiquetas 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. La etiqueta de final está delimitada por los caracteres </ y >. Está compuesta por el identificador o nombre de la etiqueta, y no contiene atributos. Su sintaxis es: </identificador> Cada uno de los elementos de la página se encontrará entre una etiqueta de comienzo y su correspondiente etiqueta de cierre, a excepción de algunos elementos que no necesitan etiqueta de cierre. También es posible anidar etiquetas, es decir, insertar etiquetas entre otras etiquetas de comienzo y de cierre. Ejm: <p align="center"><fontcolor="#993366"size="4"face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a www.aulaclic.com</font></p> Colores hexadecimales 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. A continuación se muestran los 216 colores seguros para web, para que puedas consultarlos cuando lo necesites.