Está en la página 1de 11

Principales herramientas para el desarrollo

de paginas en Internet:
HyperText Markup Language (HTML)

Equipo #3
• Osvaldo Flores García #1659299
• Eileen Rodríguez Albarran #1813202
• Víctor Guadalupe Ruiz Lumbreras #1740753
Es un lenguaje formado por
elementos, los elementos nos
ayudan a estructurar y dar
significado a las partes de un
documento HTML, estos
elementos a su vez están
conformados por contenido,
etiquetas y atributos.
 HTML es un lenguaje que interpreta el navegador web
para mostrar los sitios o aplicaciones web tal y como
estamos acostumbrados. 
Historia
En enero de 1997 En 2004 se creó
Nació en A finales de 28 de
se publico la Web Hypertext
1991 por 1999 se octubre de 
HTML3.2 como Application
Tim publicó 2014
recomendación Technology
Berners- HTML4.01 lanzamient
de la W3C Working
Lee  o de HTML5
Group(WHATWG),

1990 1995 2000 2005 2010 2015

La IEFT creó
en 1994 mediados del 2000
HTML4.0 fue  2007 borrador de
el HTML se creó la
lanzado como trabajo de HTML
Working normativa ISO que
recomendació 5
Group, HTML definió HTML4.01
n a finales de
2.0 como estándar
1997
internacional.
HTML5
HTML5 significa HyperText Markup Language, versión 5, ¿qué es esto? Un
lenguaje en el que se escriben las páginas Web, que permite hacer enlaces
(hipertexto) y que es leído por los navegadores para poder mostrar la información
en la pantalla de tu ordenador de una forma correcta.
1. HTML5 es un lenguaje más simple.
2. HTML5 es un lenguaje más semántico.
3. HTML5 es un lenguaje que deja desfasadas a las versiones más antiguas de
los navegadores.
4. HTML5 incluye más elementos gráficos y multimedia.
5. HTML5 incluye la geolocalización.
6. HTML5 permite el uso de las Webs offline.
Etiquetas de HTML
Una etiqueta HTML es un código que se incluye en los archivos creados con el
lenguaje HTML para estructurar, añadir significado o formato al contenido de
una página web.

En HTML existen etiquetas de apertura y etiquetas de cierre, tienen la forma:


<etiqueta> </etiqueta>.

Donde <etiqueta> es la etiqueta de apertura y </etiqueta> es la de cierre


indicada por la diagonal.
PRINCIPALES ETIQUETAS DE HTML
Nombre etiqueta Cómo se muestra Función

Define el inicio y final


 <html></html> del documento

<head></head> Define la cabecera


del documento

<body></body> Define el cuerpo del


documento

Etiquetas que van dentro del head

Define el título de la
<title></title> página

Vincula documentos
externos. Por
 <link href=””> ejemplo, hojas de
estilo

 <style></style> Define el inicio y final


de la hoja de estilo

Define el inicio y final


 <script></script>
del código script
Etiquetas que van dentro del body
1.elemento 1
 <ol></ol> 2.elemento 2 Lista numérica
Define el inicio y 3.elemento 3
 <form></form> final de un
formulario
• elemento 1
 <ul></ul> •elemento 2 Lista no numérica
<h1></h1> Título 1 Define el inicio y •elemento 3
<h2></h2> Título 2 final de la hoja de
<h3></h3> Título 3 estilo
 <b></b>  Negrita Texto en negrita
Define el inicio y
 <table></table>  <i></i>  Cursiva Texto en cursiva
final de una tabla

 <u></u>  Subrayado Texto subrayado


Declara la fila de
 <tr></tr> una tabla
 <s></s> Tachado Texto tachado
Declara la
 <td></td> columna de una  <a href=””></a>  Esto es un enlace Hipervínculo
tabla
Divisor, capa o bloque
 <div></div>
de una página
Celda de cabecera
 <th></th> de una tabla  <span></span> Contenedor de línea

 <li></li> Elemento de una  <img src=””>


Vincula y muestra una
• elemento 1 lista imagen al documento
Estructura básica
de un documento HTML
Entre las etiquetas <html> y <head> se suelen colocar otras opcionales, como
por ejemplo:
<meta name="description" content="Información sobre el Centro,las
enseñanzas que se pueden cursar, los departamentos didácticos">
<meta name="keywords" content="educación,enseñanza,instituto,
profesores, alumnos">
La cabecera es la sección comprendida entre <head> y </head>.
En ella se encuentra necesariamente el título (entre las etiquetas
<title> y </title>).

El título de la página debe describir su contenido por ejemplo:


<TITLE>Facultad de Ingeniería Mecánica y Eléctrica</TITLE>
Ejemplos

También podría gustarte