SlideShare una empresa de Scribd logo
1 de 4
Colegio Nacional Nicolás Esguerra



          Edificamos futuro




Estudiantes: Ángel Esteban Rodríguez Pérez

      Daniel Andrés Rodríguez Silva




              Código HTML




               Curso: 904

                   J.M.



               Bogotá D.C.




               13/09/2012
Contenido:

      ¿Qué es HTML?
      Navegadores
      Editores
      Etiquetas



¿Qué es HTML?:

El HTML es un documento que nos permite visitar varias páginas del navegador y
este está compuesto de etiquetas, imágenes, sonidos y tablas. E.T.C.

Hay varias versiones del HTML estas empezaron desde 1995 y se han ido
actualizando hasta el día de hoy.

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

Los navegadores están elaborados de HTML si
esto es muy importante porque permite tener
compatibilidad con distintos usuarios y distintas
versiones. Como resultado a estas
extensiones, habrán páginas cuyo código
podrá ser interpretado completamente por
todos los navegadores, mientras que otras, al
incluir nuevos atributos o etiquetas del borrador
de la última versión de HTML, solo podrán ser
interpretadas en su totalidad en los
navegadores más actualizados.En este último
caso también puede ocurrir que alguna
etiqueta de la página solamente pueda ser
interpretada por un navegador concreto, y otra etiqueta por un navegador diferente
al anterior, por lo que nunca sería visualizada en su totalidad por ningún
navegador.
Editores:

Los editores son documentos que nos permiten al
usuario tener más rapidez a los accesos de las
páginas web.

Estos editores nos permiten almacenar algo llamado
(basura) es decir documentos que no nos sirven.

Algunos de los editores visuales con los que podrás
crear tus páginas web son Macromedia
Dreamweaver, Microsoft Frontpage, Adobe Pagemill,
NetObjects Fusion, CutePage, HotDogProffesional,
Netscape Composer y Arachnophilia, de los cuales
algunos tienen la ventaja de ser gratuitos. En aulaClic puedes encontrar los cursos
de Macromedia Dreamweaver y Microsoft Frontpage, dos de los editores más
usados hoy en día. Es aconsejable comenzar utilizando una herramienta lo más
sencilla posible, para tener que insertar nosotros mismos el código HTML. Esto
permite familiarizarse con el lenguaje, para poder utilizar algún editor visual
posteriormente, y depurar el código cuando fuera necesario. Pará crear páginas
web escribiendo directamente el código HTML puedes utilizar la herramienta
Wordpad o el Bloc de notas que proporciona Windows



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

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>
#000000   #000033   #000066   #000099   #0000CC   #0000FF
#003300   #003333   #003366   #003399   #0033CC   #0033FF
#006600   #006633   #006666   #006699   #0066CC   #0066FF
#009900   #009933   #009966   #009999   #0099CC   #0099FF
#00CC00   #00CC33   #00CC66   #00CC99   #00CCCC   #00CCFF
#00FF00   #00FF33   #00FF66   #00FF99   #00FFCC   #00FFFF
#330000   #330033   #330066   #330099   #3300CC   #3300FF
#333300   #333333   #333366   #333399   #3333CC   #3333FF
#336600   #336633   #336666   #336699   #3366CC   #3366FF
#339900   #339933   #339966   #339999   #3399CC   #3399FF
#33CC00   #33CC33   #33CC66   #33CC99   #33CCCC   #33CCFF
#33FF00   #33FF33   #33FF66   #33FF99   #33FFCC   #33FFFF
#660000   #660033   #660066   #660099   #6600CC   #6600FF
#660033   #663333   #663366   #663399   #6633CC   #6633FF
#666600   #666633   #666666   #666699   #6666CC   #6666FF
#669900   #669933   #669966   #669999   #6699CC   #6699FF
#66CC00   #66CC33   #66CC66   #66CC99   #66CCCC   #66CCFF
#66FF00   #66FF33   #66FF66   #66FF99   #66FFCC   #66FFFF
#990000   #990033   #990066   #990099   #9900CC   #9900FF
#993300   #993333   #993366   #993399   #9933CC   #9933FF
#996600   #996633   #996666   #996699   #9966CC   #9966FF
#999900   #999933   #999966   #999999   #9999CC   #9999FF
#99CC00   #99CC33   #99CC66   #99CC99   #99CCCC   #99CCFF
#99FF00   #99FF33   #99FF66   #99FF99   #99FFCC   #99FFFF
#CC0000   #CC0033   #CC0066   #CC0099   #CC00CC   #CC00FF
#CC3300   #CC3333   #CC3366   #CC3399   #CC33CC   #CC33FF
#CC6600   #CC6633   #CC6666   #CC6699   #CC66CC   #CC66FF
#CC9900   #CC9933   #CC9966   #CC9999   #CC99CC   #CC99FF
#CCCC00   #CCCC33   #CCCC66   #CCCC99   #CCCCCC   #CCCCFF
#CCFF00   #CCFF33   #CCFF66   #CCFF99   #CCFFCC   #CCFFFF
#FF0000   #FF0033   #FF0066   #FF0099   #FF00CC   #FF00FF
#FF3300   #FF3333   #FF3366   #FF3399   #FF33CC   #FF33FF
#FF6600   #FF6633   #FF6666   #FF6699   #FF66CC   #FF66FF
#FF9900   #FF9933   #FF9966   #FF9999   #FF99CC   #FF99FF
#FFCC00   #FFCC33   #FFCC66   #FFCC99   #FFCCCC   #FFCCFF
#FFFF00   #FFFF33   #FFFF66   #FFFF99   #FFFFCC   #FFFFFF

Más contenido relacionado

La actualidad más candente

Laboratorio 1 de html[1]
Laboratorio 1 de html[1]Laboratorio 1 de html[1]
Laboratorio 1 de html[1]guidoeddy
 
Colegio nacional nicolás esquerra2
Colegio nacional nicolás esquerra2Colegio nacional nicolás esquerra2
Colegio nacional nicolás esquerra2owenmauricio98
 
(Iii) pagina web
(Iii) pagina web(Iii) pagina web
(Iii) pagina webpxndxpoveda
 
CSS No Webdesign - Aula 06 - Webdesign
CSS No Webdesign - Aula 06 - WebdesignCSS No Webdesign - Aula 06 - Webdesign
CSS No Webdesign - Aula 06 - WebdesignRenato Melo
 
Guía básica para pegarle al xhtml (Primera parte)
Guía básica para pegarle al xhtml (Primera parte)Guía básica para pegarle al xhtml (Primera parte)
Guía básica para pegarle al xhtml (Primera parte)Carlos Caicedo
 
CSS na Prática - Webdesign - Aula 06 - 2019-02
CSS na Prática - Webdesign - Aula 06 - 2019-02CSS na Prática - Webdesign - Aula 06 - 2019-02
CSS na Prática - Webdesign - Aula 06 - 2019-02Renato Melo
 
pagina html
pagina htmlpagina html
pagina htmldiana
 
Metodos abreviadods
Metodos abreviadodsMetodos abreviadods
Metodos abreviadodsMaraAranda6
 
Contenido texto word
Contenido texto wordContenido texto word
Contenido texto wordplumgar
 
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Carlos Parrado Roa
 
actividades de la tercera evaluación
actividades de la tercera evaluación actividades de la tercera evaluación
actividades de la tercera evaluación informatica2013
 
Tutorial creacion Pagina Web
Tutorial creacion Pagina WebTutorial creacion Pagina Web
Tutorial creacion Pagina WebManuel Gutierrez
 
Introducción a la creación de páginas web
Introducción a la creación de páginas webIntroducción a la creación de páginas web
Introducción a la creación de páginas webAntonio Martínez Guridi
 

La actualidad más candente (20)

Laboratorio 1 de html[1]
Laboratorio 1 de html[1]Laboratorio 1 de html[1]
Laboratorio 1 de html[1]
 
HTML
HTMLHTML
HTML
 
Colegio nacional nicolás esquerra2
Colegio nacional nicolás esquerra2Colegio nacional nicolás esquerra2
Colegio nacional nicolás esquerra2
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas                     esguerraColegio nacional nicolas                     esguerra
Colegio nacional nicolas esguerra
 
1er guia de trabajo html 1er año
1er guia de trabajo html 1er año1er guia de trabajo html 1er año
1er guia de trabajo html 1er año
 
(Iii) pagina web
(Iii) pagina web(Iii) pagina web
(Iii) pagina web
 
CSS No Webdesign - Aula 06 - Webdesign
CSS No Webdesign - Aula 06 - WebdesignCSS No Webdesign - Aula 06 - Webdesign
CSS No Webdesign - Aula 06 - Webdesign
 
Guía básica para pegarle al xhtml (Primera parte)
Guía básica para pegarle al xhtml (Primera parte)Guía básica para pegarle al xhtml (Primera parte)
Guía básica para pegarle al xhtml (Primera parte)
 
Colegio nacional nicolás esquerra2
Colegio nacional nicolás esquerra2Colegio nacional nicolás esquerra2
Colegio nacional nicolás esquerra2
 
CSS na Prática - Webdesign - Aula 06 - 2019-02
CSS na Prática - Webdesign - Aula 06 - 2019-02CSS na Prática - Webdesign - Aula 06 - 2019-02
CSS na Prática - Webdesign - Aula 06 - 2019-02
 
pagina html
pagina htmlpagina html
pagina html
 
Metodos abreviadods
Metodos abreviadodsMetodos abreviadods
Metodos abreviadods
 
Contenido texto word
Contenido texto wordContenido texto word
Contenido texto word
 
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
 
Present: I WEB DINAMICAS
Present: I WEB  DINAMICASPresent: I WEB  DINAMICAS
Present: I WEB DINAMICAS
 
actividades de la tercera evaluación
actividades de la tercera evaluación actividades de la tercera evaluación
actividades de la tercera evaluación
 
Traductor de Google
Traductor de GoogleTraductor de Google
Traductor de Google
 
Tutorial creacion Pagina Web
Tutorial creacion Pagina WebTutorial creacion Pagina Web
Tutorial creacion Pagina Web
 
Google Traductor
Google TraductorGoogle Traductor
Google Traductor
 
Introducción a la creación de páginas web
Introducción a la creación de páginas webIntroducción a la creación de páginas web
Introducción a la creación de páginas web
 

Similar a Trabajo de html (20)

Colegio nacional nicolas esgerra45
Colegio nacional nicolas esgerra45Colegio nacional nicolas esgerra45
Colegio nacional nicolas esgerra45
 
Colegio nacional nicolas esgerra45
Colegio nacional nicolas esgerra45Colegio nacional nicolas esgerra45
Colegio nacional nicolas esgerra45
 
Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerra
 
unidad 1
unidad 1unidad 1
unidad 1
 
Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra jmrr7
Colegio nacional nicolas esguerra jmrr7Colegio nacional nicolas esguerra jmrr7
Colegio nacional nicolas esguerra jmrr7
 
Colegio nacional nicolas esguerra jmrr
Colegio nacional nicolas esguerra jmrrColegio nacional nicolas esguerra jmrr
Colegio nacional nicolas esguerra jmrr
 
Trabajo En Clase
Trabajo En ClaseTrabajo En Clase
Trabajo En Clase
 
Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Taller de HTML
Taller de HTMLTaller de HTML
Taller de HTML
 
Taller HTML
Taller HTMLTaller HTML
Taller HTML
 
primera pagina web
primera pagina webprimera pagina web
primera pagina web
 
taller HTML
taller HTML taller HTML
taller HTML
 
Tutorial html
Tutorial htmlTutorial html
Tutorial html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 

Trabajo de html

  • 1. Colegio Nacional Nicolás Esguerra Edificamos futuro Estudiantes: Ángel Esteban Rodríguez Pérez Daniel Andrés Rodríguez Silva Código HTML Curso: 904 J.M. Bogotá D.C. 13/09/2012
  • 2. Contenido:  ¿Qué es HTML?  Navegadores  Editores  Etiquetas ¿Qué es HTML?: El HTML es un documento que nos permite visitar varias páginas del navegador y este está compuesto de etiquetas, imágenes, sonidos y tablas. E.T.C. Hay varias versiones del HTML estas empezaron desde 1995 y se han ido actualizando hasta el día de hoy. 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).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: Los navegadores están elaborados de HTML si esto es muy importante porque permite tener compatibilidad con distintos usuarios y distintas versiones. Como resultado a estas extensiones, habrán páginas cuyo código podrá ser interpretado completamente por todos los navegadores, mientras que otras, al incluir nuevos atributos o etiquetas del borrador de la última versión de HTML, solo podrán ser interpretadas en su totalidad en los navegadores más actualizados.En este último caso también puede ocurrir que alguna etiqueta de la página solamente pueda ser interpretada por un navegador concreto, y otra etiqueta por un navegador diferente al anterior, por lo que nunca sería visualizada en su totalidad por ningún navegador.
  • 3. Editores: Los editores son documentos que nos permiten al usuario tener más rapidez a los accesos de las páginas web. Estos editores nos permiten almacenar algo llamado (basura) es decir documentos que no nos sirven. Algunos de los editores visuales con los que podrás crear tus páginas web son Macromedia Dreamweaver, Microsoft Frontpage, Adobe Pagemill, NetObjects Fusion, CutePage, HotDogProffesional, Netscape Composer y Arachnophilia, de los cuales algunos tienen la ventaja de ser gratuitos. En aulaClic puedes encontrar los cursos de Macromedia Dreamweaver y Microsoft Frontpage, dos de los editores más usados hoy en día. Es aconsejable comenzar utilizando una herramienta lo más sencilla posible, para tener que insertar nosotros mismos el código HTML. Esto permite familiarizarse con el lenguaje, para poder utilizar algún editor visual posteriormente, y depurar el código cuando fuera necesario. Pará crear páginas web escribiendo directamente el código HTML puedes utilizar la herramienta Wordpad o el Bloc de notas que proporciona Windows 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 ...> 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>
  • 4. #000000 #000033 #000066 #000099 #0000CC #0000FF #003300 #003333 #003366 #003399 #0033CC #0033FF #006600 #006633 #006666 #006699 #0066CC #0066FF #009900 #009933 #009966 #009999 #0099CC #0099FF #00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF #00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF #330000 #330033 #330066 #330099 #3300CC #3300FF #333300 #333333 #333366 #333399 #3333CC #3333FF #336600 #336633 #336666 #336699 #3366CC #3366FF #339900 #339933 #339966 #339999 #3399CC #3399FF #33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF #33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF #660000 #660033 #660066 #660099 #6600CC #6600FF #660033 #663333 #663366 #663399 #6633CC #6633FF #666600 #666633 #666666 #666699 #6666CC #6666FF #669900 #669933 #669966 #669999 #6699CC #6699FF #66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF #66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF #990000 #990033 #990066 #990099 #9900CC #9900FF #993300 #993333 #993366 #993399 #9933CC #9933FF #996600 #996633 #996666 #996699 #9966CC #9966FF #999900 #999933 #999966 #999999 #9999CC #9999FF #99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF #99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF #CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF #CC3300 #CC3333 #CC3366 #CC3399 #CC33CC #CC33FF #CC6600 #CC6633 #CC6666 #CC6699 #CC66CC #CC66FF #CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF #CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF #CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF #FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF #FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF #FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF #FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF #FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF #FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF