SlideShare una empresa de Scribd logo
1 de 12
Rafael
Hernández
Saldierna
HTML
Raymundo Islas
Informática Para Los
Negocios
HTML
HTML, siglas de HyperText Markup
Language («lenguaje de marcas
de hipertexto»), hace referencia
al lenguaje de marcado para la
elaboración de páginas web
HTMl


Es un estándar que, en sus diferentes
versiones, define una estructura básica y un
código (denominado código HTML) para la
definición de contenido de una página
web, como texto, imágenes, etc. Es un
estándar a cargo de la W3C, organización
dedicada a la estandarización de casi todas
las tecnologías ligadas a la web, sobre todo
en lo referente a su escritura e interpretación.
Historia de HTML
 La

primera descripción de HTML
disponible públicamente fue un
documento llamado HTML Tags (Etiquetas
HTML), publicado por primera vez en
Internet por Tim Berners-Lee en 1991.1 2
Describe 22 elementos que incluyen el
diseño inicial y relativamente simple de
HTML. Trece de estos elementos todavía
existen en HTML.
Marcado HTML
 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 o hacer referencia a un tipo de
programa llamado script, el cual puede
afectar el comportamiento de
navegadores web y otros procesadores
de HTML
Elementos
 Los

elementos son la estructura básica de
HTML. Los elementos tienen dos
propiedades básicas: atributos y
contenido. Cada atributo y contenido
tiene ciertas restricciones para que se
considere válido al documento HTML
Atributos
 La

mayoría de los atributos de un
elemento son pares nombrevalor, separados por un signo de igual «=»
y escritos en la etiqueta de comienzo de
un elemento, después del nombre de
éste
Códigos HTML básicos
 <html>,

<script>, <head>, <title>, <link>,
<style>, <me
 La mayoría de etiquetas deben cerrarse
como se abren, pero con una barrata>,
<body> etc .
Nociones básicas de HTML
 El

lenguaje HTML puede ser creado y
editado con cualquier editor de textos
básico, como puede ser Gedit en Linux, el
Bloc de notas de Windows, o cualquier
otro editor que admita texto sin formato
como GNU Emacs, Microsoft Wordpad,
TextPad, Vim, Notepad++, entre otros.
Saber más
 Seleccionando

la opción «ver código
fuente» en el navegador, se puede ver
realmente la información que está
recibiendo éste y cómo la está
interpretando. Por ejemplo: en Internet
Explorer o en Firefox, simplemente hay
que desplegar el menú «ver» y luego
elegir «código fuente», mientras que en
Chrome presionar CTRL + U.
Historia del estándar
 En

1989 existían dos técnicas que
permitían vincular documentos
electrónicos, por un lado los hipervínculos
(enlaces) y por otro lado un poderoso
lenguaje de etiquetas
denominado SGML.
Bibliografía
 www.google.com
 www.wikipedia.com
 http://es.wikipedia.org/wiki/HTML#Primera

s_especificaciones

Más contenido relacionado

La actualidad más candente

La actualidad más candente (13)

Html mayerly cuartas 11 01
Html mayerly cuartas 11 01Html mayerly cuartas 11 01
Html mayerly cuartas 11 01
 
Producto 3
Producto 3Producto 3
Producto 3
 
Html
HtmlHtml
Html
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerra
 
HTML
HTMLHTML
HTML
 
evaluacion 2 párcial 2 quimestre primero bachillerato
evaluacion 2 párcial 2 quimestre primero bachilleratoevaluacion 2 párcial 2 quimestre primero bachillerato
evaluacion 2 párcial 2 quimestre primero bachillerato
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Jeremmy velizaguirre2a3(html xml)
Jeremmy velizaguirre2a3(html xml)Jeremmy velizaguirre2a3(html xml)
Jeremmy velizaguirre2a3(html xml)
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Programacion
ProgramacionProgramacion
Programacion
 
Jose alejandro perez html
Jose alejandro perez htmlJose alejandro perez html
Jose alejandro perez html
 
html
 html html
html
 

Similar a HTML Historia y Elementos Básicos (20)

Html.mmg
Html.mmgHtml.mmg
Html.mmg
 
Html
HtmlHtml
Html
 
Html tarea
Html tareaHtml tarea
Html tarea
 
Html
HtmlHtml
Html
 
código html
código html código html
código html
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
Html (lenguaje de marcado de hipertexto)
Html (lenguaje de marcado de hipertexto)Html (lenguaje de marcado de hipertexto)
Html (lenguaje de marcado de hipertexto)
 
Deber d programacion 1
Deber d programacion 1Deber d programacion 1
Deber d programacion 1
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
Diapositivas 1
Diapositivas 1Diapositivas 1
Diapositivas 1
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html mayerly cuartas 11 01
Html mayerly cuartas 11 01Html mayerly cuartas 11 01
Html mayerly cuartas 11 01
 
001 html
001 html001 html
001 html
 
HTML
HTMLHTML
HTML
 
01introduccion
01introduccion01introduccion
01introduccion
 
01introduccion
01introduccion01introduccion
01introduccion
 
01introduccion
01introduccion01introduccion
01introduccion
 
Aspectos Importantes del lenguaje html
Aspectos Importantes del lenguaje htmlAspectos Importantes del lenguaje html
Aspectos Importantes del lenguaje html
 
Taller 1 raul guaranda
Taller 1 raul guarandaTaller 1 raul guaranda
Taller 1 raul guaranda
 

Más de Rafael Hernandez (12)

Mi proyecto de_vida_xyz
Mi proyecto de_vida_xyzMi proyecto de_vida_xyz
Mi proyecto de_vida_xyz
 
Gatox
GatoxGatox
Gatox
 
Nombre
NombreNombre
Nombre
 
Volp
VolpVolp
Volp
 
Historia de
Historia deHistoria de
Historia de
 
Napster
NapsterNapster
Napster
 
Napster
NapsterNapster
Napster
 
Per to peer
Per to peerPer to peer
Per to peer
 
Ftp
FtpFtp
Ftp
 
Rss
RssRss
Rss
 
Rafael hernández saldierna
Rafael hernández saldiernaRafael hernández saldierna
Rafael hernández saldierna
 
Presentacion segmentacion
Presentacion segmentacionPresentacion segmentacion
Presentacion segmentacion
 

HTML Historia y Elementos Básicos

  • 2. HTML HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web
  • 3. HTMl  Es un estándar que, en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación.
  • 4. Historia de HTML  La primera descripción de HTML disponible públicamente fue un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991.1 2 Describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML.
  • 5. Marcado HTML  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 o hacer referencia a un tipo de programa llamado script, el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML
  • 6. Elementos  Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML
  • 7. Atributos  La mayoría de los atributos de un elemento son pares nombrevalor, separados por un signo de igual «=» y escritos en la etiqueta de comienzo de un elemento, después del nombre de éste
  • 8. Códigos HTML básicos  <html>, <script>, <head>, <title>, <link>, <style>, <me  La mayoría de etiquetas deben cerrarse como se abren, pero con una barrata>, <body> etc .
  • 9. Nociones básicas de HTML  El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser Gedit en Linux, el Bloc de notas de Windows, o cualquier otro editor que admita texto sin formato como GNU Emacs, Microsoft Wordpad, TextPad, Vim, Notepad++, entre otros.
  • 10. Saber más  Seleccionando la opción «ver código fuente» en el navegador, se puede ver realmente la información que está recibiendo éste y cómo la está interpretando. Por ejemplo: en Internet Explorer o en Firefox, simplemente hay que desplegar el menú «ver» y luego elegir «código fuente», mientras que en Chrome presionar CTRL + U.
  • 11. Historia del estándar  En 1989 existían dos técnicas que permitían vincular documentos electrónicos, por un lado los hipervínculos (enlaces) y por otro lado un poderoso lenguaje de etiquetas denominado SGML.
  • 12. Bibliografía  www.google.com  www.wikipedia.com  http://es.wikipedia.org/wiki/HTML#Primera s_especificaciones