SlideShare ist ein Scribd-Unternehmen logo
1 von 3
Downloaden Sie, um offline zu lesen
COLEGIO NACIONAL NICOLAS ESGUERRA

                             EDIFICAMOS FUTURO

                                 CODIGO 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. 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. Online HTML Editor: Vea de manera anticipada cómo se vería su sitio web en
realidad.
4. Amy Editor: Un editor HMTL sencillo que soporta Ruby, Python, Texy!, PHP y
otros.
5. Tiny MCE: Uno de los recursos favoritos de los desarrolladores y diseñadores
web en el mundo.
6. Ajax.org Cloud9 Editor: Javascript fácil de poner en tu sitio y sucesor del
Mozilla Skywriter (Bespin) Project.
7. HTML Instant: Un editor HTML en tiempo real!
8. HTML Editor: Escriba lo que quiera y obtenga la fuente HTML.
9. WYSIWYG HTML Editor: Para templates en eBay Auction
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 negrita

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.

Weitere ähnliche Inhalte

Was ist angesagt? (19)

Colegio nacional nicolas esgerra
Colegio nacional nicolas esgerraColegio nacional nicolas esgerra
Colegio nacional nicolas esgerra
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
Informatica 3
Informatica 3Informatica 3
Informatica 3
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5
 
Html4
Html4Html4
Html4
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Guia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia webGuia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia web
 
Trabajo Html
Trabajo HtmlTrabajo Html
Trabajo Html
 
Trabajo html
Trabajo htmlTrabajo html
Trabajo html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?
 
Htlm
HtlmHtlm
Htlm
 
HTML 2
HTML 2 HTML 2
HTML 2
 
Colegio nacional nicolas esguerra
Colegio  nacional nicolas esguerraColegio  nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html
HtmlHtml
Html
 
Tarea
TareaTarea
Tarea
 
HTML
HTMLHTML
HTML
 

Andere mochten auch (11)

20120129 jorn sem
20120129 jorn sem20120129 jorn sem
20120129 jorn sem
 
Compilador
CompiladorCompilador
Compilador
 
Diseño
DiseñoDiseño
Diseño
 
Divmusic 2013 3
Divmusic 2013 3Divmusic 2013 3
Divmusic 2013 3
 
Sitios web
Sitios webSitios web
Sitios web
 
sistemas
sistemassistemas
sistemas
 
Practica 2 plantilla para diapositivas
Practica 2        plantilla para diapositivasPractica 2        plantilla para diapositivas
Practica 2 plantilla para diapositivas
 
PORCENTAJES
PORCENTAJESPORCENTAJES
PORCENTAJES
 
Interr
InterrInterr
Interr
 
Manual Vivienda 2009
Manual Vivienda 2009Manual Vivienda 2009
Manual Vivienda 2009
 
La Catedral de la Cd. de México Rescate
La Catedral de la Cd. de México RescateLa Catedral de la Cd. de México Rescate
La Catedral de la Cd. de México Rescate
 

Ähnlich wie Colegio nacional nicolas esguerra

Ähnlich wie Colegio nacional nicolas esguerra (20)

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html
HtmlHtml
Html
 
CODIGOS HTML.pptxHSJJJSJJSJSJSJJSJSJJSJJSJS
CODIGOS HTML.pptxHSJJJSJJSJSJSJJSJSJJSJJSJSCODIGOS HTML.pptxHSJJJSJJSJSJSJJSJSJJSJJSJS
CODIGOS HTML.pptxHSJJJSJJSJSJSJJSJSJJSJJSJS
 
Html
HtmlHtml
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
 
Algunas precisiones sobre el lenguaje html
Algunas precisiones sobre el lenguaje htmlAlgunas precisiones sobre el lenguaje html
Algunas precisiones sobre el lenguaje html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Cb fs
Cb fsCb fs
Cb fs
 
Cb fs
Cb fsCb fs
Cb fs
 
historia de html
historia de htmlhistoria de html
historia de html
 
Que es html
Que es htmlQue es html
Que es html
 
Nenene
NeneneNenene
Nenene
 
Colegio nacional nicolas esgerra
Colegio nacional nicolas esgerraColegio nacional nicolas esgerra
Colegio nacional nicolas esgerra
 
Como desarrollar una web (mod5 diplo ust)
Como desarrollar una web (mod5 diplo ust)Como desarrollar una web (mod5 diplo ust)
Como desarrollar una web (mod5 diplo ust)
 
Trabajo
TrabajoTrabajo
Trabajo
 
conceptos basicos HTML
conceptos basicos HTMLconceptos basicos HTML
conceptos basicos HTML
 
Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerra
 
Nombres
NombresNombres
Nombres
 
Nombres
NombresNombres
Nombres
 

Mehr von Nicolas Tavera (19)

Colegio nacional nicolas esgurra (2)
Colegio nacional nicolas esgurra (2)Colegio nacional nicolas esgurra (2)
Colegio nacional nicolas esgurra (2)
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra 22 (2)
Colegio nacional nicolas esguerra 22 (2)Colegio nacional nicolas esguerra 22 (2)
Colegio nacional nicolas esguerra 22 (2)
 
Colegio nacional nicolas esguerra (2)
Colegio nacional nicolas esguerra (2)Colegio nacional nicolas esguerra (2)
Colegio nacional nicolas esguerra (2)
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Tablas
TablasTablas
Tablas
 
Formularios
FormulariosFormularios
Formularios
 
EL COSMO
EL COSMOEL COSMO
EL COSMO
 
El universo
El universoEl universo
El universo
 
Tarea de informatica
Tarea de informaticaTarea de informatica
Tarea de informatica
 
Triqui
TriquiTriqui
Triqui
 
Triqui
TriquiTriqui
Triqui
 
Triqui
TriquiTriqui
Triqui
 
Triqui
TriquiTriqui
Triqui
 
Triqui
TriquiTriqui
Triqui
 
nomina
nominanomina
nomina
 
Factura de Excel
Factura de ExcelFactura de Excel
Factura de Excel
 
Tarea informatica
Tarea informaticaTarea informatica
Tarea informatica
 

Kürzlich hochgeladen

Los Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesLos Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesEdomar AR
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxGESTECPERUSAC
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1ivanapaterninar
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docxobandopaula444
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfFernandoOblitasVivan
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersIván López Martín
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfedepmariaperez
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúCEFERINO DELGADO FLORES
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxtjcesar1
 
tarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzztarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzzAlexandergo5
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptchaverriemily794
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 
Presentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia ArtificialPresentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia Artificialcynserafini89
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfjeondanny1997
 
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOAREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOnarvaezisabella21
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 

Kürzlich hochgeladen (20)

Los Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesLos Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, Aplicaciones
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptx
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdf
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 Testcontainers
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdf
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
 
tarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzztarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzz
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 
Presentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia ArtificialPresentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia Artificial
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
 
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOAREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 

Colegio nacional nicolas esguerra

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA EDIFICAMOS FUTURO CODIGO 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.
  • 2. 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. 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. Online HTML Editor: Vea de manera anticipada cómo se vería su sitio web en realidad. 4. Amy Editor: Un editor HMTL sencillo que soporta Ruby, Python, Texy!, PHP y otros. 5. Tiny MCE: Uno de los recursos favoritos de los desarrolladores y diseñadores web en el mundo. 6. Ajax.org Cloud9 Editor: Javascript fácil de poner en tu sitio y sucesor del Mozilla Skywriter (Bespin) Project. 7. HTML Instant: Un editor HTML en tiempo real! 8. HTML Editor: Escriba lo que quiera y obtenga la fuente HTML. 9. WYSIWYG HTML Editor: Para templates en eBay Auction 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).
  • 3. <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 negrita 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.