SlideShare ist ein Scribd-Unternehmen logo
1 von 3
COLEGIO NACIONAL NICOLAS ESGUERRA
                           EDIFICAMOS FUTURO

                                         HTML



HTML: El HTML o Hypertext Markup Language, en inglés, es el lenguaje utilizado
para las páginas web o de Internet. En español su traducción vendría a ser Lenguaje de
Etiquetado de Documentos hipertextual. El etiquetado se refiere a que los archivos
HTML, además de texto, contienen una serie de atribuciones o información adicional
acerca del texto. Hypertexto, término acuñado en 1965 por Ted Nelson, es información
no lineal, lo que en palabras sencillas significa texto con enlaces o links a otros textos.
El lenguaje HTML estructura la información, que luego es visualizada utilizando un
navegador, como en Internet Explorer que viene con el sistema operativo Windows.
La historia del HTML comienza formalmente el 1993, cuando se publicó su primera
versión; este fue un borrador a cargo de la IETF (Internet Engineering Task Force). En
realidad quien inventó el HTML fue Tim Berners-Lee, uno de los padres de la Internet,
pero primera versión formal tuvo lugar en 1993, refinada con la ayuda de la IETF.
NAVEGADORES: Un navegador es un intérprete de lo que se conoce como Lenguaje
O IDIOMA de Marcado de HiperTexto (HTML ó HyperText Markup Language). En el
mundo de Internet, se puede decir que sólo hay estos dos Navegadores Explorer y
Netscape Navigator 4, pero eso está muy lejos de la verdad. Existen docenas de
Navegadores, y la mayoría de ellos son gratis. A continuación se presentan algunos de
estos Navegadores. Netscape Navigator 4, Microsoft Internet Explorer 4.01, Opera 3.51,
NeoPlanet 2.0, HotJava 1.1.5, Amaya 1.4, BeConn 4.3.7, NCSA Mosaic 3.0.
Obviamente no podían faltar los cinco grandes, hablo de Internet Explorer, Firefox,
Safari, Google Chorme y Opera, sin embargo, para promover la innovación y la
competitividad.
EDITORES DE HTML: Un editor de páginas web es una aplicación diseñada con el fin
de facilitar la creación de documentos HTML o XHTML.Los editores de HTML pueden
ser de dos tipos, como veremos, unos permiten codificar las páginas utilizando el propio
lenguaje HTML, a base de marcas y otros nos permiten diseñar una página web, como
si estuviésemos escribiendo con un editor de texto avanzado, sin tener que escribir el
código con las etiquetasEl editor de HTML es el encargado de vérselas con el lenguaje
y programar internamente la página con el código HTML,según lo que nosotros estamos
diseñando.
EJMPLOS:

   1. Quackit Online HTML Editor: Codifique tanto como pueda y vea los resultados
      al hacer clic en ‘source‘
   2. . 2. Real-Time HTML Editor: No hay más la necesidad de estar cambiando
      ventanas para ver el efecto de la edición de su HTML.
   3. 3. Online HTML Editor: Vea de manera anticipada cómo se vería su sitio web
      en realidad.
   4. 4. Amy Editor: Un editor HMTL sencillo que soporta Ruby, Python, Texy!, PHP
      y otros.
5.   5. Tiny MCE: Uno de los recursos favoritos de los desarrolladores y
       diseñadores web en el mundo.
   6. 6. Ajax.org Cloud9 Editor: Javascript fácil de poner en tu sitio y sucesor del
       Mozilla Skywriter (Bespin) Project. 7.
   7. HTML Instant: Un editor HTML en tiempo real! 8.
   8. HTML Editor: Escriba lo que quiera y obtenga la fuente HTML.
   9. 9. WYSIWYG HTML Editor: Para templates en eBay Auction 10.
   10. Online – HTML – Editor: Top rated HTML Editor por Web Hosting Search

ETIQUETAS DE HTML: El lenguaje HTML es un lenguaje de marcas, estas marcas
serán fragmentos de texto destacado de una forma especial que permiten la definición
de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como
las distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas y
serán la base principal del lenguaje HTML. En documento HTML será un fichero texto
con etiquetas que variarán la forma de su presentación.
Una etiqueta será un texto incluido entre los símbolos menor que < y mayor que >.. El
texto incluido dentro de los símbolos será explicativo de la utilidad de la etiqueta. Por
ejemplo:
<B>
Letra Negrita, del inglés Bold (negrita).
<TABLE>
Definirá una tabla.
<IMG>
Inclusión de una Imagen.
Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo
texto que la de inicio añadiéndole al principio una barra inclinada /. El efecto que define
la etiqueta tendrá validez para todo lo que este incluido entre las etiquetas de inicio y
fin, ya sea texto plano o otras etiquetas HTML.
<ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA>
Por ejemplo, con la etiqueta siguiente:
<B>Texto que será en negrita</B>.
Obtendremos:
Texto que será en negrilla
Algunas etiquetas no necesitarán la de fin, serán aquellas en las que el final este
implícito, por ejemplo <P> párrafo, <BR> salto de línea ó <IMG> inclusión de una
imagen. Definen un efecto que se producirá en un punto determinado sin afectar a otros
elementos.
El uso de mayúsculas o minúsculas en las etiquetas es indiferente, se interpretarán del
mismo modo en ambos casos, pero lo normal es expresarlas en mayúsculas para que
destaquen con más nitidez del texto normal.
Html

Weitere ähnliche Inhalte

Was ist angesagt? (13)

Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Taller de HTML
Taller de HTMLTaller de HTML
Taller de HTML
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Colegio nacional nicolas esgerra
Colegio nacional nicolas esgerraColegio nacional nicolas esgerra
Colegio nacional nicolas esgerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Trabajo david rocha
Trabajo david rochaTrabajo david rocha
Trabajo david rocha
 
Colegio nicolas esguerra edificamos futuro
Colegio nicolas esguerra edificamos futuroColegio nicolas esguerra edificamos futuro
Colegio nicolas esguerra edificamos futuro
 
Colegio nacional nicolas esguerra
Colegio  nacional nicolas esguerraColegio  nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
HTML 2
HTML 2 HTML 2
HTML 2
 
Taller HTML
Taller HTMLTaller HTML
Taller HTML
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222
 
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
 

Andere mochten auch (6)

Estructura hmtl 3 (1)
Estructura hmtl 3 (1)Estructura hmtl 3 (1)
Estructura hmtl 3 (1)
 
Como crear una base de datos en access
Como crear una base de datos en accessComo crear una base de datos en access
Como crear una base de datos en access
 
Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02
 
Estructura html 3
Estructura html 3Estructura html 3
Estructura html 3
 
Ejercicios paso a paso
Ejercicios paso a pasoEjercicios paso a paso
Ejercicios paso a paso
 
Estructura hmtl 3 (2)
Estructura hmtl 3 (2)Estructura hmtl 3 (2)
Estructura hmtl 3 (2)
 

Ähnlich wie Html (20)

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
 
programamcion html
programamcion htmlprogramamcion html
programamcion html
 
Html
HtmlHtml
Html
 
historia de html
historia de htmlhistoria de html
historia de html
 
Que es html
Que es htmlQue es html
Que es html
 
Rosi karina
Rosi karinaRosi karina
Rosi karina
 
Rosi karina
Rosi karinaRosi karina
Rosi karina
 
Html
HtmlHtml
Html
 
Eduardo cordón
Eduardo cordónEduardo cordón
Eduardo cordón
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
CODIGOS HTML.pptxHSJJJSJJSJSJSJJSJSJJSJJSJS
CODIGOS HTML.pptxHSJJJSJJSJSJSJJSJSJJSJJSJSCODIGOS HTML.pptxHSJJJSJJSJSJSJJSJSJJSJJSJS
CODIGOS HTML.pptxHSJJJSJJSJSJSJJSJSJJSJJSJS
 
Nenene
NeneneNenene
Nenene
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Nombres
NombresNombres
Nombres
 
Nombres
NombresNombres
Nombres
 
primera c
primera cprimera c
primera c
 
Nombres
NombresNombres
Nombres
 

Mehr von Jairo Nicolas Lopez Soler (11)

Tablas
TablasTablas
Tablas
 
Estructura html 3
Estructura html 3Estructura html 3
Estructura html 3
 
Estructura html2
Estructura html2Estructura html2
Estructura html2
 
Estructura html
Estructura htmlEstructura html
Estructura html
 
Estructura html
Estructura htmlEstructura html
Estructura html
 
Html
HtmlHtml
Html
 
El universo
El universoEl universo
El universo
 
Experiencias maloka
Experiencias malokaExperiencias maloka
Experiencias maloka
 
Conceptosdemicrosoftaccess2007
Conceptosdemicrosoftaccess2007Conceptosdemicrosoftaccess2007
Conceptosdemicrosoftaccess2007
 
Como crear una base de datos en access
Como crear una base de datos en accessComo crear una base de datos en access
Como crear una base de datos en access
 
Ejercicios propuestos
Ejercicios propuestosEjercicios propuestos
Ejercicios propuestos
 

Html

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA EDIFICAMOS FUTURO HTML HTML: El HTML o Hypertext Markup Language, en inglés, es el lenguaje utilizado para las páginas web o de Internet. En español su traducción vendría a ser Lenguaje de Etiquetado de Documentos hipertextual. El etiquetado se refiere a que los archivos HTML, además de texto, contienen una serie de atribuciones o información adicional acerca del texto. Hypertexto, término acuñado en 1965 por Ted Nelson, es información no lineal, lo que en palabras sencillas significa texto con enlaces o links a otros textos. El lenguaje HTML estructura la información, que luego es visualizada utilizando un navegador, como en Internet Explorer que viene con el sistema operativo Windows. La historia del HTML comienza formalmente el 1993, cuando se publicó su primera versión; este fue un borrador a cargo de la IETF (Internet Engineering Task Force). En realidad quien inventó el HTML fue Tim Berners-Lee, uno de los padres de la Internet, pero primera versión formal tuvo lugar en 1993, refinada con la ayuda de la IETF. NAVEGADORES: Un navegador es un intérprete de lo que se conoce como Lenguaje O IDIOMA de Marcado de HiperTexto (HTML ó HyperText Markup Language). En el mundo de Internet, se puede decir que sólo hay estos dos Navegadores Explorer y Netscape Navigator 4, pero eso está muy lejos de la verdad. Existen docenas de Navegadores, y la mayoría de ellos son gratis. A continuación se presentan algunos de estos Navegadores. Netscape Navigator 4, Microsoft Internet Explorer 4.01, Opera 3.51, NeoPlanet 2.0, HotJava 1.1.5, Amaya 1.4, BeConn 4.3.7, NCSA Mosaic 3.0. Obviamente no podían faltar los cinco grandes, hablo de Internet Explorer, Firefox, Safari, Google Chorme y Opera, sin embargo, para promover la innovación y la competitividad. EDITORES DE HTML: Un editor de páginas web es una aplicación diseñada con el fin de facilitar la creación de documentos HTML o XHTML.Los editores de HTML pueden ser de dos tipos, como veremos, unos permiten codificar las páginas utilizando el propio lenguaje HTML, a base de marcas y otros nos permiten diseñar una página web, como si estuviésemos escribiendo con un editor de texto avanzado, sin tener que escribir el código con las etiquetasEl editor de HTML es el encargado de vérselas con el lenguaje y programar internamente la página con el código HTML,según lo que nosotros estamos diseñando. EJMPLOS: 1. Quackit Online HTML Editor: Codifique tanto como pueda y vea los resultados al hacer clic en ‘source‘ 2. . 2. Real-Time HTML Editor: No hay más la necesidad de estar cambiando ventanas para ver el efecto de la edición de su HTML. 3. 3. Online HTML Editor: Vea de manera anticipada cómo se vería su sitio web en realidad. 4. 4. Amy Editor: Un editor HMTL sencillo que soporta Ruby, Python, Texy!, PHP y otros.
  • 2. 5. 5. Tiny MCE: Uno de los recursos favoritos de los desarrolladores y diseñadores web en el mundo. 6. 6. Ajax.org Cloud9 Editor: Javascript fácil de poner en tu sitio y sucesor del Mozilla Skywriter (Bespin) Project. 7. 7. HTML Instant: Un editor HTML en tiempo real! 8. 8. HTML Editor: Escriba lo que quiera y obtenga la fuente HTML. 9. 9. WYSIWYG HTML Editor: Para templates en eBay Auction 10. 10. Online – HTML – Editor: Top rated HTML Editor por Web Hosting Search ETIQUETAS DE HTML: El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas y serán la base principal del lenguaje HTML. En documento HTML será un fichero texto con etiquetas que variarán la forma de su presentación. Una etiqueta será un texto incluido entre los símbolos menor que < y mayor que >.. El texto incluido dentro de los símbolos será explicativo de la utilidad de la etiqueta. Por ejemplo: <B> Letra Negrita, del inglés Bold (negrita). <TABLE> Definirá una tabla. <IMG> Inclusión de una Imagen. Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /. El efecto que define la etiqueta tendrá validez para todo lo que este incluido entre las etiquetas de inicio y fin, ya sea texto plano o otras etiquetas HTML. <ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA> Por ejemplo, con la etiqueta siguiente: <B>Texto que será en negrita</B>. Obtendremos: Texto que será en negrilla Algunas etiquetas no necesitarán la de fin, serán aquellas en las que el final este implícito, por ejemplo <P> párrafo, <BR> salto de línea ó <IMG> inclusión de una imagen. Definen un efecto que se producirá en un punto determinado sin afectar a otros elementos. El uso de mayúsculas o minúsculas en las etiquetas es indiferente, se interpretarán del mismo modo en ambos casos, pero lo normal es expresarlas en mayúsculas para que destaquen con más nitidez del texto normal.