SlideShare una empresa de Scribd logo
1 de 4
COLEGIO NACIONAL NICOLAS ESGUERRA
                         ‘’EDIFICAMOS FUTURO’’

Estudiante:Erick Santiago Gutiérrez Rodríguez                    Curso:903

¿QUE ES HTML?

El HTML (Hyper Text MarkupLanguage) es el lenguaje con el que se escriben
las páginas web. Es un lenguaje de hipertexto, permite escribir texto de
forma estructurada, y que está compuesto por etiquetas, que marcan el
inicio y fin de cada elemento.

Un documento hipertexto no sólo se compone de texto, puede contener
imágenes, sonido, vídeos, etc., 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

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.

NAVEGADORES:

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.

Dos de los navegadores que continuamente están realizando extensiones son
Internet Explorer y Netscape Navigator, que realizan extensiones incluso
antes de que se establezcan los estándares.

Los navegadores tienen una compatibilidad con la última versión HTML para
interpretar números de etiquetas .
Habrán páginas cuyo código podrá ser interpretado completamente por
todos los navegadores.

Uno de los retos de los diseñadores de páginas web es hacer las páginas más
atractivas utilizando toda la potencia del lenguaje HTML pero teniendo en
cuentas estos problemas de compatibilidades para que el mayor número de
internautas vean sus páginas tal como las ha diseñado.




.

EDITORES:

Es un programa que nos permite redactar documentos. En estas épocas hay
una gran cantidad de editores que permiten escribir la web sin necesidad del
código.

Los editores visuales pueden generar código basura, como un código que no
sirve para nada.

En aulaClic puedes encontrar los cursos de Macromedia Dreamweaver y
Microsoft Frontpage, dos de los editores más usados hoy en día.

Para crear páginas web escribiendo directamente el código HTML puedes
utilizar la herramienta Wordpad o el Bloc de notas que proporciona
Windows.

A lo largo de este curso vamos a trabajar con el Bloc de notas para crear
nuestras páginas, ya que se trata de un editor de textos muy sencillo de
manejar, que nos permitirá crear páginas a través del código HTML.
ETIQUETAS:

Delimitan cada uno de los elementos que componen un documento HTML.

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

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>

A continuación tenemos un ejemplo en el que tenemos la etiqueta <font..>
anidada dentro de la etiqueta <p..>.:

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

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Colegio nacional nicolás esguerra trabajo nº1
Colegio nacional nicolás esguerra trabajo nº1Colegio nacional nicolás esguerra trabajo nº1
Colegio nacional nicolás esguerra trabajo nº1
 
HTML
HTML HTML
HTML
 
Colegio nacional nicolas
Colegio  nacional  nicolasColegio  nacional  nicolas
Colegio nacional nicolas
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Cb fs
Cb fsCb fs
Cb fs
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html
HtmlHtml
Html
 
Juan pablo 903
Juan pablo 903Juan pablo 903
Juan pablo 903
 
Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02
 
Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Que es html
Que es htmlQue es html
Que es 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
 
Html
HtmlHtml
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
 

Destacado

A espiritualidade de dom helder comblin
A espiritualidade de dom helder   comblinA espiritualidade de dom helder   comblin
A espiritualidade de dom helder comblinGilbraz Aragão
 
Contabilidad Básica por cangas maribel y josé manuel pardo
Contabilidad Básica por cangas maribel y josé manuel pardoContabilidad Básica por cangas maribel y josé manuel pardo
Contabilidad Básica por cangas maribel y josé manuel pardomanucopardo
 
REDES SOCIALES
REDES SOCIALESREDES SOCIALES
REDES SOCIALESAdrixHrdz
 
Creatividad e innovación roberto jones z
Creatividad e innovación roberto jones zCreatividad e innovación roberto jones z
Creatividad e innovación roberto jones zRoberto Jones Zereceda
 
Presentation1
Presentation1Presentation1
Presentation1kathrynx
 
Cv reyes silva
Cv reyes silvaCv reyes silva
Cv reyes silvahilder2015
 
Sumergido en la modernidad
Sumergido en la modernidad Sumergido en la modernidad
Sumergido en la modernidad ntiuniva
 
Presentaciones prezi
Presentaciones preziPresentaciones prezi
Presentaciones prezielmer12da
 
Compuuuuu
CompuuuuuCompuuuuu
Compuuuuugabo619
 
Camapanha draytek 2010-11
Camapanha draytek 2010-11Camapanha draytek 2010-11
Camapanha draytek 2010-11Paulo Bassique
 
Tec infot luciano
Tec infot lucianoTec infot luciano
Tec infot lucianolusiq1
 

Destacado (20)

PLE
PLEPLE
PLE
 
A espiritualidade de dom helder comblin
A espiritualidade de dom helder   comblinA espiritualidade de dom helder   comblin
A espiritualidade de dom helder comblin
 
Contabilidad Básica por cangas maribel y josé manuel pardo
Contabilidad Básica por cangas maribel y josé manuel pardoContabilidad Básica por cangas maribel y josé manuel pardo
Contabilidad Básica por cangas maribel y josé manuel pardo
 
Ensayo bases psicologicas
Ensayo bases psicologicasEnsayo bases psicologicas
Ensayo bases psicologicas
 
Que mata al amor
Que mata al amorQue mata al amor
Que mata al amor
 
REDES SOCIALES
REDES SOCIALESREDES SOCIALES
REDES SOCIALES
 
Mi autobiografia
Mi autobiografiaMi autobiografia
Mi autobiografia
 
Creatividad e innovación roberto jones z
Creatividad e innovación roberto jones zCreatividad e innovación roberto jones z
Creatividad e innovación roberto jones z
 
Dn12 3 era_eval_presentación_maah
Dn12 3 era_eval_presentación_maahDn12 3 era_eval_presentación_maah
Dn12 3 era_eval_presentación_maah
 
Presentation1
Presentation1Presentation1
Presentation1
 
Cv reyes silva
Cv reyes silvaCv reyes silva
Cv reyes silva
 
Medio ambiente
Medio ambienteMedio ambiente
Medio ambiente
 
Sumergido en la modernidad
Sumergido en la modernidad Sumergido en la modernidad
Sumergido en la modernidad
 
Presentaciones prezi
Presentaciones preziPresentaciones prezi
Presentaciones prezi
 
Tic en el estado
Tic en el estadoTic en el estado
Tic en el estado
 
Tutorial de netvibes
Tutorial de netvibesTutorial de netvibes
Tutorial de netvibes
 
Compuuuuu
CompuuuuuCompuuuuu
Compuuuuu
 
Entrenet
EntrenetEntrenet
Entrenet
 
Camapanha draytek 2010-11
Camapanha draytek 2010-11Camapanha draytek 2010-11
Camapanha draytek 2010-11
 
Tec infot luciano
Tec infot lucianoTec infot luciano
Tec infot luciano
 

Similar a Erick (20)

Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02
 
Trabajo
TrabajoTrabajo
Trabajo
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolás esguerra trabajo nº1 (1)
Colegio nacional nicolás esguerra trabajo nº1 (1)Colegio nacional nicolás esguerra trabajo nº1 (1)
Colegio nacional nicolás esguerra trabajo nº1 (1)
 
Cb fs
Cb fsCb fs
Cb fs
 
Html
Html Html
Html
 
Trabajo david rocha 2
Trabajo david rocha 2Trabajo david rocha 2
Trabajo david rocha 2
 
Trabajo david rocha
Trabajo david rochaTrabajo david rocha
Trabajo david rocha
 
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
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
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
 
taller HTML
taller HTML taller HTML
taller HTML
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
HTML
HTMLHTML
HTML
 

Más de Ëriick Gutierrez Rodriguez (12)

Sadwich
SadwichSadwich
Sadwich
 
Roasted list
Roasted listRoasted list
Roasted list
 
Estructura iv
Estructura ivEstructura iv
Estructura iv
 
Estructura iv
Estructura ivEstructura iv
Estructura iv
 
Colegio nacional nicolas esguerra gutierrez erick
Colegio nacional nicolas esguerra gutierrez erickColegio nacional nicolas esguerra gutierrez erick
Colegio nacional nicolas esguerra gutierrez erick
 
Colegio nacional nicolas esguerra gutierrez
Colegio nacional nicolas esguerra gutierrezColegio nacional nicolas esguerra gutierrez
Colegio nacional nicolas esguerra gutierrez
 
Colegio nacional nicolas esguerr1 erick 11
Colegio nacional nicolas esguerr1 erick 11Colegio nacional nicolas esguerr1 erick 11
Colegio nacional nicolas esguerr1 erick 11
 
Colegio nacional nicolas esguerr1 erick
Colegio nacional nicolas esguerr1 erickColegio nacional nicolas esguerr1 erick
Colegio nacional nicolas esguerr1 erick
 
Colegio nacional nicolas esguerr1 erick
Colegio nacional nicolas esguerr1 erickColegio nacional nicolas esguerr1 erick
Colegio nacional nicolas esguerr1 erick
 
Concecionario[1] (1)
Concecionario[1] (1)Concecionario[1] (1)
Concecionario[1] (1)
 
Clinica (2)
Clinica (2)Clinica (2)
Clinica (2)
 
Concecionario[1] (1)
Concecionario[1] (1)Concecionario[1] (1)
Concecionario[1] (1)
 

Erick

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA ‘’EDIFICAMOS FUTURO’’ Estudiante:Erick Santiago Gutiérrez Rodríguez Curso:903 ¿QUE ES HTML? El HTML (Hyper Text MarkupLanguage) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y fin de cada elemento. Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., 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 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. NAVEGADORES: 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. Dos de los navegadores que continuamente están realizando extensiones son Internet Explorer y Netscape Navigator, que realizan extensiones incluso antes de que se establezcan los estándares. Los navegadores tienen una compatibilidad con la última versión HTML para interpretar números de etiquetas .
  • 2. Habrán páginas cuyo código podrá ser interpretado completamente por todos los navegadores. Uno de los retos de los diseñadores de páginas web es hacer las páginas más atractivas utilizando toda la potencia del lenguaje HTML pero teniendo en cuentas estos problemas de compatibilidades para que el mayor número de internautas vean sus páginas tal como las ha diseñado. . EDITORES: Es un programa que nos permite redactar documentos. En estas épocas hay una gran cantidad de editores que permiten escribir la web sin necesidad del código. Los editores visuales pueden generar código basura, como un código que no sirve para nada. En aulaClic puedes encontrar los cursos de Macromedia Dreamweaver y Microsoft Frontpage, dos de los editores más usados hoy en día. Para crear páginas web escribiendo directamente el código HTML puedes utilizar la herramienta Wordpad o el Bloc de notas que proporciona Windows. A lo largo de este curso vamos a trabajar con el Bloc de notas para crear nuestras páginas, ya que se trata de un editor de textos muy sencillo de manejar, que nos permitirá crear páginas a través del código HTML.
  • 3. ETIQUETAS: Delimitan cada uno de los elementos que componen un documento HTML. 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 ...> 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> A continuación tenemos un ejemplo en el que tenemos la etiqueta <font..> anidada dentro de la etiqueta <p..>.: <p align="center"><font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a www.aulaclic.com</font></p>