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




ESTUDINATES: Jeison David Moreno Oicata                         CURSO: 903
Sergio David Moreno Rivera




QUE ES HTML



Hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y
traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como
imágenes.
El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir,
hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede
afectar el comportamiento de navegadores web y otros procesadores de HTML.




NAVEGADORES
Es una aplicación que opera a través de Internet, interpretando la información de archivos y sitios web para que podamos
ser capaces de leerla (ya se encuentre ésta alojada en unservidor dentro de la World Wide Web o en un servidor local).
El navegador interpreta el código, HTML generalmente, en el que está escrita la página web y lo presenta en pantalla
permitiendo al usuario interactuar con su contenido y navegar hacia otros lugares de la red mediante enlaces
o hipervínculos.




EDITORES
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.
Su complejidad puede variar desde la de un simple editor de texto plano, entornos WYSIWYG, hasta editores WYSIWYM.

   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 laedición
      de su HTM.
      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>.

 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.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (16)

Informatika 1111111
Informatika 1111111Informatika 1111111
Informatika 1111111
 
ETIQUETAS
ETIQUETASETIQUETAS
ETIQUETAS
 
Codigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE MéridaCodigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE Mérida
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Algunas precisiones sobre el lenguaje html
Algunas precisiones sobre el lenguaje htmlAlgunas precisiones sobre el lenguaje html
Algunas precisiones sobre el lenguaje html
 
Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web" Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web"
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
El lenguaje html
El lenguaje htmlEl lenguaje html
El lenguaje html
 
DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Christianjaimea-6
Christianjaimea-6Christianjaimea-6
Christianjaimea-6
 
Lenguaje html para colegio
Lenguaje html para colegioLenguaje html para colegio
Lenguaje html para colegio
 
Curso de html
Curso de htmlCurso de html
Curso de html
 

Destacado

Tics: niños
Tics: niñosTics: niños
Tics: niñoskrissieRA
 
cortadora
cortadoracortadora
cortadoraSMCV
 
José carlos vargas, luis oviedo, elida rodelo, dario bolívar
José  carlos vargas, luis oviedo, elida rodelo, dario bolívarJosé  carlos vargas, luis oviedo, elida rodelo, dario bolívar
José carlos vargas, luis oviedo, elida rodelo, dario bolívarsilvia Nuñez
 
Materiales didacticos digitales: El uso del Jclic
Materiales didacticos digitales: El uso del JclicMateriales didacticos digitales: El uso del Jclic
Materiales didacticos digitales: El uso del JclicESPE
 
Actividad de práctica con quandary
Actividad de práctica con quandaryActividad de práctica con quandary
Actividad de práctica con quandarynanmr
 
Universidad Unimnuto (slideshare)
Universidad Unimnuto (slideshare)Universidad Unimnuto (slideshare)
Universidad Unimnuto (slideshare)Jhadit Pickles
 
Campos de investigación
Campos de investigaciónCampos de investigación
Campos de investigaciónfrancisco9023
 
Resumen actividades en jclic
Resumen  actividades en jclicResumen  actividades en jclic
Resumen actividades en jclicmiguelmarde
 
Moodle urv-cobdc-1
Moodle urv-cobdc-1Moodle urv-cobdc-1
Moodle urv-cobdc-1grupgics
 
Presentacion del proyecto
Presentacion del proyectoPresentacion del proyecto
Presentacion del proyectoleoaguirrec8
 
Actividad numero 1 Plataforma Blackboard
Actividad numero 1 Plataforma BlackboardActividad numero 1 Plataforma Blackboard
Actividad numero 1 Plataforma BlackboardLauritaa Soofiiaa
 
Arquitectura del computador
Arquitectura del computadorArquitectura del computador
Arquitectura del computadorRichard Tezara
 
Creacion y diseño deblog
Creacion y diseño deblogCreacion y diseño deblog
Creacion y diseño deblogFRANCESCA1211
 

Destacado (20)

Tics: niños
Tics: niñosTics: niños
Tics: niños
 
cortadora
cortadoracortadora
cortadora
 
José carlos vargas, luis oviedo, elida rodelo, dario bolívar
José  carlos vargas, luis oviedo, elida rodelo, dario bolívarJosé  carlos vargas, luis oviedo, elida rodelo, dario bolívar
José carlos vargas, luis oviedo, elida rodelo, dario bolívar
 
Materiales didacticos digitales: El uso del Jclic
Materiales didacticos digitales: El uso del JclicMateriales didacticos digitales: El uso del Jclic
Materiales didacticos digitales: El uso del Jclic
 
Teorico3
Teorico3Teorico3
Teorico3
 
Actividad de práctica con quandary
Actividad de práctica con quandaryActividad de práctica con quandary
Actividad de práctica con quandary
 
Semana no 1
Semana no 1Semana no 1
Semana no 1
 
Universidad Unimnuto (slideshare)
Universidad Unimnuto (slideshare)Universidad Unimnuto (slideshare)
Universidad Unimnuto (slideshare)
 
Campos de investigación
Campos de investigaciónCampos de investigación
Campos de investigación
 
Resumen actividades en jclic
Resumen  actividades en jclicResumen  actividades en jclic
Resumen actividades en jclic
 
Moodle urv-cobdc-1
Moodle urv-cobdc-1Moodle urv-cobdc-1
Moodle urv-cobdc-1
 
Presentacion del proyecto
Presentacion del proyectoPresentacion del proyecto
Presentacion del proyecto
 
Segunda evaluación
Segunda evaluaciónSegunda evaluación
Segunda evaluación
 
Actividad numero 1 Plataforma Blackboard
Actividad numero 1 Plataforma BlackboardActividad numero 1 Plataforma Blackboard
Actividad numero 1 Plataforma Blackboard
 
Arquitectura del computador
Arquitectura del computadorArquitectura del computador
Arquitectura del computador
 
Construcción de números
Construcción de númerosConstrucción de números
Construcción de números
 
ENVEJECER
ENVEJECERENVEJECER
ENVEJECER
 
Niños sobresalientes nee
Niños sobresalientes neeNiños sobresalientes nee
Niños sobresalientes nee
 
Creacion y diseño deblog
Creacion y diseño deblogCreacion y diseño deblog
Creacion y diseño deblog
 
Medioambiente
MedioambienteMedioambiente
Medioambiente
 

Similar a Introducción a HTML y sus principales etiquetas

Similar a Introducción a HTML y sus principales etiquetas (20)

Que son etiquetas de html daniela veliz
Que son etiquetas de html daniela velizQue son etiquetas de html daniela veliz
Que son etiquetas de html daniela veliz
 
Html
HtmlHtml
Html
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Html
HtmlHtml
Html
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Html
HtmlHtml
Html
 
Html tarea
Html tareaHtml tarea
Html tarea
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html presentacion
Html presentacionHtml presentacion
Html presentacion
 
Que es html
Que es htmlQue es html
Que es html
 
Programando en html
Programando en htmlProgramando en html
Programando en 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
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 

Introducción a HTML y sus principales etiquetas

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA EDIFICAMOS FUTURO ESTUDINATES: Jeison David Moreno Oicata CURSO: 903 Sergio David Moreno Rivera QUE ES HTML Hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. NAVEGADORES
  • 2. Es una aplicación que opera a través de Internet, interpretando la información de archivos y sitios web para que podamos ser capaces de leerla (ya se encuentre ésta alojada en unservidor dentro de la World Wide Web o en un servidor local). El navegador interpreta el código, HTML generalmente, en el que está escrita la página web y lo presenta en pantalla permitiendo al usuario interactuar con su contenido y navegar hacia otros lugares de la red mediante enlaces o hipervínculos. EDITORES
  • 3. 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. Su complejidad puede variar desde la de un simple editor de texto plano, entornos WYSIWYG, hasta editores WYSIWYM. 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 laedición de su HTM. 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).
  • 4. <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>. 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.