SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Was ist angesagt? (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
 

Andere mochten auch

Imagenes para curso contaminación por basura.
 Imagenes para curso contaminación por basura. Imagenes para curso contaminación por basura.
Imagenes para curso contaminación por basura.
Elizabeth Saldaña Luviano
 
Bandas y fresas
Bandas y fresasBandas y fresas
Bandas y fresas
fany-raul
 
David paredes
David paredesDavid paredes
David paredes
Polar2012
 
Maestros 1º B
Maestros 1º BMaestros 1º B
Maestros 1º B
ProfeLid
 
David paredes
David paredesDavid paredes
David paredes
Polar2012
 
San antonio maría claret A
San antonio maría claret ASan antonio maría claret A
San antonio maría claret A
Max Alveal
 
Bandas y fresas
Bandas y fresasBandas y fresas
Bandas y fresas
fany-raul
 
Día del maestro 5º b (1)
Día del maestro 5º b (1)Día del maestro 5º b (1)
Día del maestro 5º b (1)
ProfeLid
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
diegoarguilar
 
Raul planeacion esp.
Raul planeacion esp.Raul planeacion esp.
Raul planeacion esp.
fany-raul
 
Raul planeacion esp.
Raul planeacion esp.Raul planeacion esp.
Raul planeacion esp.
fany-raul
 

Andere mochten auch (20)

Imagenes para curso contaminación por basura.
 Imagenes para curso contaminación por basura. Imagenes para curso contaminación por basura.
Imagenes para curso contaminación por basura.
 
Novelaa
NovelaaNovelaa
Novelaa
 
Bandas y fresas
Bandas y fresasBandas y fresas
Bandas y fresas
 
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
 
David paredes
David paredesDavid paredes
David paredes
 
Maestros 1º B
Maestros 1º BMaestros 1º B
Maestros 1º B
 
Cuadro
CuadroCuadro
Cuadro
 
David paredes
David paredesDavid paredes
David paredes
 
San antonio maría claret A
San antonio maría claret ASan antonio maría claret A
San antonio maría claret A
 
Bandas y fresas
Bandas y fresasBandas y fresas
Bandas y fresas
 
Maestros 1ºa
Maestros 1ºaMaestros 1ºa
Maestros 1ºa
 
Nuevo orden mundial (1)
Nuevo orden mundial (1)Nuevo orden mundial (1)
Nuevo orden mundial (1)
 
Vision Consulting Presentación casos de éxito
Vision Consulting Presentación casos de éxitoVision Consulting Presentación casos de éxito
Vision Consulting Presentación casos de éxito
 
Aulas y correo
Aulas y correoAulas y correo
Aulas y correo
 
Tocame
Tocame  Tocame
Tocame
 
Día del maestro 5º b (1)
Día del maestro 5º b (1)Día del maestro 5º b (1)
Día del maestro 5º b (1)
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Nativos d y modelos de apz.
Nativos d y modelos de apz.Nativos d y modelos de apz.
Nativos d y modelos de apz.
 
Raul planeacion esp.
Raul planeacion esp.Raul planeacion esp.
Raul planeacion esp.
 
Raul planeacion esp.
Raul planeacion esp.Raul planeacion esp.
Raul planeacion esp.
 

Ähnlich wie Colegio nacional nicolas esguerra

Ähnlich wie 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
 

Mehr von diegoarguilar

Mehr von diegoarguilar (7)

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
 
Concesionario
ConcesionarioConcesionario
Concesionario
 
Concesionario
ConcesionarioConcesionario
Concesionario
 
Clinica
ClinicaClinica
Clinica
 
Constelaciones
ConstelacionesConstelaciones
Constelaciones
 

Kürzlich hochgeladen

6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
Wilian24
 

Kürzlich hochgeladen (20)

Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
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
 
La Evaluacion Formativa SM6 Ccesa007.pdf
La Evaluacion Formativa SM6  Ccesa007.pdfLa Evaluacion Formativa SM6  Ccesa007.pdf
La Evaluacion Formativa SM6 Ccesa007.pdf
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
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
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdfFICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
Actividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxActividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docx
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
Los dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la VerdadLos dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la Verdad
 
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
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 

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.