SlideShare una empresa de Scribd logo
1 de 8
H T M L , S I G L A S D E H Y P E R T E X T M A R K U P
L E N G U A J E ( « L E N G U A J E D E M A R C A S D E H I P E R T E X T O » ) ,
H A C E R E F E R E N C I A A L L E N G U A J E D E M A R C A D O P A R A L A
E L A B O R A C I Ó N D E P Á G I N A S W E B . E S U N E S T Á N D A R Q U E
S I R V E D E R E F E R E N C I A P A R A L A E L A B O R A C I Ó N D E
P Á G I N A S W E B E N S U S D I F E R E N T E S V E R S I O N E S , D E F I N E
U N A E S T R U C T U R A B Á S I C A Y U N C Ó D I G O ( D E N O M I N A D O
C Ó D I G O H T M L ) P A R A L A D E F I N I C I Ó N D E C O N T E N I D O D E
U N A P Á G I N A W E B , C O M O T E X T O , I M Á G E N E S , V I D E O S ,
E N T R E O T R O S . E S U N E S T Á N D A R A C A R G O D E L A W 3 C ,
O R G A N I Z A C I Ó N D E D I C A D A A L A E S T A N D A R I Z A C I Ó N D E
C A S I T O D A S L A S T E C N O L O G Í A S L I G A D A S A L A W E B , S O B R E
T O D O E N L O R E F E R E N T E A S U E S C R I T U R A E
I N T E R P R E T A C I Ó N .
HTML
El lenguaje HTML
 basa su filosofía de desarrollo en la referenciación. Para añadir un elemento
externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta
directamente en el código de la página, sino que se hace una referencia a la
ubicación de dicho elemento mediante texto. De este modo, la página web
contiene sólo texto mientras que recae en el navegador web (interpretador del
código) la tarea de unir todos los elementos y visualizar la página final. Al ser un
estándar, HTML busca ser un lenguaje que permita que cualquier página web
escrita en una determinada versión, pueda ser interpretada de la misma forma
(estándar) por cualquier navegador web actualizado.
 Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y
suprimido diversas características, con el fin de hacerlo más eficiente y facilitar
el desarrollo de páginas web compatibles con distintos navegadores y plataformas
(PC de escritorio, portátiles, teléfonos inteligentes, tabletas, etc.).
Historia de HTML
 Tim Berners-Lee (TBL) en 1991 describe 22 elementos que incluyen el
diseño inicial y relativamente simple de HTML. Trece de estos
elementos todavía existen en HTML 4.
 Berners-Lee consideraba el HTML una ampliación de SGML, pero no
fue formalmente reconocida como tal hasta la publicación a mediados
de 1993, por la IETF de una primera proposición para una
especificación del HTML: el borrador del Hypertext Markup
Language de Berners-Lee y Dan Connolly, que incluía una Definición
de Tipo de Documento SGML para definir la gramática. El borrador
expiró a los seis meses, pero fue notable por su reconocimiento de la
etiqueta propia del navegador Mosaic usada para insertar imágenes sin
cambio de línea, que reflejaba la filosofía del IETF de basar estándares
en prototipos con éxito. De la misma manera, el borrador competidor
de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de
Marcaje de Hipertexto), de finales de 1993, sugería estandarizar
características ya implementadas, como las tablas
Marcado HTML
El HTML se escribe en forma de «etiquetas», rodeadas
por corchetes angulares (<,>). El 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.
HTML también sirve para referirse al contenido del tipo de
MIME text / html o todavía más ampliamente como un
término genérico para el HTML, ya sea en forma descendida
del XML (como XHTML 1.0 y posteriores) o en forma
descendida directamente de SGML (como HTML 4.01 y
anteriores).
HTML consta de varios componentes vitales, entre ellos
los elementos y sus atributos, tipos de data y la declaración de
tipo de documento.
 <html>: define el inicio del
documento HTML
 <script>: incrusta un script en una
web
 <head>: define la cabecera del
documento HTML
 <title>: define el título de la página.
 <link>: para vincular el sitio a hojas
de estilo o iconos
 <style>: para colocar el estilo interno
de la página
 <meta>: para metadatos como la
autoría o la licencia
 <body>: define el contenido
principal o cuerpo del documento.
 <table>: define una tabla.
 <tr>: fila de una tabla.
 <td>: celda de una tabla.
 <a>: hipervínculo o enlace, dentro o
fuera del sitio web
 <div>: división de la página.
 <img>: imagen
 <li><ol><ul>: etiquetas para listas.
 <b>: texto en negrita
 <i>: texto en cursiva
 <s>: texto tachado
 <u>: Antes texto subrayado.
Códigos HTML básicos
Nociones básicas de HTML
 <!DOCTYPE HTML>
 <html>
 <head>
 <title>Ejemplo1</title>
 </head>
 <body>
 <p>ejemplo1</p>
 </body>
 </html>
Accesibilidad web
El diseño en HTML, aparte de cumplir con las
especificaciones propias del lenguaje, debe respetar
ciertos criterios de accesibilidad web, siguiendo unas
pautas o las normativas y leyes vigentes en los países
donde se regule dicho concepto. Se encuentra
disponible y desarrollado por el W3C a través de las
Pautas de Accesibilidad al Contenido Web 1.0 WCAG
(actualizadas recientemente con la especificación
2.0), aunque muchos países tienen especificaciones
propias, como es el caso de España con la Norma
UNE 139803.
Entidades HTML
Carácter Entidad HTML Carácter Entidad HTML
á &aacute; Á &Aacute;
é &eacute; É &Eacute;
í &iacute; Í &Iacute;
ó &oacute; Ó &Oacute;
ú &uacute; Ú &Uacute;
ü &uuml; Ü &Uuml;
ñ &ntilde; Ñ &Ntilde;
¡ &iexcl; ¿ &iquest;

Más contenido relacionado

La actualidad más candente

Anthony rodriguez codigos de tablas en html
Anthony rodriguez codigos de tablas en htmlAnthony rodriguez codigos de tablas en html
Anthony rodriguez codigos de tablas en htmlAnthony_rodriguez
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTMLlaureanag
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTMLzenirod
 
Cuestionario microsoft word 2013
Cuestionario microsoft word 2013Cuestionario microsoft word 2013
Cuestionario microsoft word 2013Lucy Martinez
 
Diseño de páginas Web con HTML
Diseño de páginas Web con HTMLDiseño de páginas Web con HTML
Diseño de páginas Web con HTMLJavier
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IVguestc906c2
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Htmlmarcos0209
 
Etiquetas Diapositivas.
Etiquetas Diapositivas.Etiquetas Diapositivas.
Etiquetas Diapositivas.asdi
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas htmlup
 

La actualidad más candente (20)

Curso Html Basico
Curso Html BasicoCurso Html Basico
Curso Html Basico
 
Anthony rodriguez codigos de tablas en html
Anthony rodriguez codigos de tablas en htmlAnthony rodriguez codigos de tablas en html
Anthony rodriguez codigos de tablas en html
 
Html5.
Html5.Html5.
Html5.
 
Informacion
Informacion Informacion
Informacion
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Html
HtmlHtml
Html
 
Qué Es Html
Qué Es HtmlQué Es Html
Qué Es Html
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTML
 
Cuestionario microsoft word 2013
Cuestionario microsoft word 2013Cuestionario microsoft word 2013
Cuestionario microsoft word 2013
 
Diseño de páginas Web con HTML
Diseño de páginas Web con HTMLDiseño de páginas Web con HTML
Diseño de páginas Web con HTML
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IV
 
t32
t32t32
t32
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Html Exposicion
Html ExposicionHtml Exposicion
Html Exposicion
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Etiquetas Diapositivas.
Etiquetas Diapositivas.Etiquetas Diapositivas.
Etiquetas Diapositivas.
 
3 septimo
3 septimo3 septimo
3 septimo
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 

Similar a Html (20)

Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
HTML DINAMICO
HTML DINAMICOHTML DINAMICO
HTML DINAMICO
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Instituto tecnologico del no1 meery
Instituto tecnologico del no1 meeryInstituto tecnologico del no1 meery
Instituto tecnologico del no1 meery
 
Html
HtmlHtml
Html
 
Diseño de página web
Diseño de página webDiseño de página web
Diseño de página web
 
Estructurabasica
EstructurabasicaEstructurabasica
Estructurabasica
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Valery....
Valery....Valery....
Valery....
 
Valery....
Valery....Valery....
Valery....
 
Valery....
Valery....Valery....
Valery....
 
Valery....
Valery....Valery....
Valery....
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas web
 
Html.pptx
Html.pptxHtml.pptx
Html.pptx
 
html y css
html y csshtml y css
html y css
 
Que es html de suchite fajardo carlos humberto
Que es html de suchite fajardo carlos humbertoQue es html de suchite fajardo carlos humberto
Que es html de suchite fajardo carlos humberto
 
Html
HtmlHtml
Html
 
4 Html
4 Html4 Html
4 Html
 
Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuación
 

Html

  • 1. H T M L , S I G L A S D E H Y P E R T E X T M A R K U P L E N G U A J E ( « L E N G U A J E D E M A R C A S D E H I P E R T E X T O » ) , H A C E R E F E R E N C I A A L L E N G U A J E D E M A R C A D O P A R A L A E L A B O R A C I Ó N D E P Á G I N A S W E B . E S U N E S T Á N D A R Q U E S I R V E D E R E F E R E N C I A P A R A L A E L A B O R A C I Ó N D E P Á G I N A S W E B E N S U S D I F E R E N T E S V E R S I O N E S , D E F I N E U N A E S T R U C T U R A B Á S I C A Y U N C Ó D I G O ( D E N O M I N A D O C Ó D I G O H T M L ) P A R A L A D E F I N I C I Ó N D E C O N T E N I D O D E U N A P Á G I N A W E B , C O M O T E X T O , I M Á G E N E S , V I D E O S , E N T R E O T R O S . E S U N E S T Á N D A R A C A R G O D E L A W 3 C , O R G A N I Z A C I Ó N D E D I C A D A A L A E S T A N D A R I Z A C I Ó N D E C A S I T O D A S L A S T E C N O L O G Í A S L I G A D A S A L A W E B , S O B R E T O D O E N L O R E F E R E N T E A S U E S C R I T U R A E I N T E R P R E T A C I Ó N . HTML
  • 2. El lenguaje HTML  basa su filosofía de desarrollo en la referenciación. Para añadir un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene sólo texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegador web actualizado.  Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas características, con el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles con distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tabletas, etc.).
  • 3. Historia de HTML  Tim Berners-Lee (TBL) en 1991 describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4.  Berners-Lee consideraba el HTML una ampliación de SGML, pero no fue formalmente reconocida como tal hasta la publicación a mediados de 1993, por la IETF de una primera proposición para una especificación del HTML: el borrador del Hypertext Markup Language de Berners-Lee y Dan Connolly, que incluía una Definición de Tipo de Documento SGML para definir la gramática. El borrador expiró a los seis meses, pero fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, que reflejaba la filosofía del IETF de basar estándares en prototipos con éxito. De la misma manera, el borrador competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de Marcaje de Hipertexto), de finales de 1993, sugería estandarizar características ya implementadas, como las tablas
  • 4. Marcado HTML El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). El 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. HTML también sirve para referirse al contenido del tipo de MIME text / html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores). HTML consta de varios componentes vitales, entre ellos los elementos y sus atributos, tipos de data y la declaración de tipo de documento.
  • 5.  <html>: define el inicio del documento HTML  <script>: incrusta un script en una web  <head>: define la cabecera del documento HTML  <title>: define el título de la página.  <link>: para vincular el sitio a hojas de estilo o iconos  <style>: para colocar el estilo interno de la página  <meta>: para metadatos como la autoría o la licencia  <body>: define el contenido principal o cuerpo del documento.  <table>: define una tabla.  <tr>: fila de una tabla.  <td>: celda de una tabla.  <a>: hipervínculo o enlace, dentro o fuera del sitio web  <div>: división de la página.  <img>: imagen  <li><ol><ul>: etiquetas para listas.  <b>: texto en negrita  <i>: texto en cursiva  <s>: texto tachado  <u>: Antes texto subrayado. Códigos HTML básicos
  • 6. Nociones básicas de HTML  <!DOCTYPE HTML>  <html>  <head>  <title>Ejemplo1</title>  </head>  <body>  <p>ejemplo1</p>  </body>  </html>
  • 7. Accesibilidad web El diseño en HTML, aparte de cumplir con las especificaciones propias del lenguaje, debe respetar ciertos criterios de accesibilidad web, siguiendo unas pautas o las normativas y leyes vigentes en los países donde se regule dicho concepto. Se encuentra disponible y desarrollado por el W3C a través de las Pautas de Accesibilidad al Contenido Web 1.0 WCAG (actualizadas recientemente con la especificación 2.0), aunque muchos países tienen especificaciones propias, como es el caso de España con la Norma UNE 139803.
  • 8. Entidades HTML Carácter Entidad HTML Carácter Entidad HTML á &aacute; Á &Aacute; é &eacute; É &Eacute; í &iacute; Í &Iacute; ó &oacute; Ó &Oacute; ú &uacute; Ú &Uacute; ü &uuml; Ü &Uuml; ñ &ntilde; Ñ &Ntilde; ¡ &iexcl; ¿ &iquest;