[imageframe lightbox=»yes» style=»bottomshadow» bordercolor=»» bordersize=»0px» stylecolor=»» align=»center» animation_type=»0″ animation_direction=»down» animation_speed=»0.1″]
[/imageframe]
HTML pertenecen a los lenguajes de marcación que nos permiten codificar un documento mediante etiquetas y marcas
Estos no son lenguajes de programación
Algunos ejemplos de lenguajes de marcación.
– HTML
Hyper Text Markup Language (Lenguaje de marcado hipertextual)
Las primeras referencias se remontan al 1991 como HTML Tag por Tim Berners-Lee, creador de la W3C (Organismo que controla los estándares de escritura en la red), y su evolución HTML5 nace en 2008. pasando por HTML4 que se publico en 1998 junto con CSS y es la versión que más a perdurado hasta ahora.
– XML
eXtensible Markup Language (Lenguaje de marcas extensible)
Este lenguaje lo desarrollaron lo creadores de la W3C y su aplicación no es solo para su uso en internet, xml es un estándar para el intercambio de información con una estructura entre diferentes plataformas, su uso es tan extenso que se puede usar en editores de texto, bases de datos, hojas de calculo, etc…
Permite crear etiquetas propias que puede ser su mayor potencial.
– XHTML
eXtensible HyperText Markup Language ( Lenguaje de marcado hipertextual extensible)
XHTML es una mezcla entre HTML y XML o técnicamente se puede decir que es una version más estricta del HTML con validación XML.
Para poder trabajar con estos lenguajes de marcación es necesario hacerlo a través de los Editores de Código.
Los editores de códigos son programas de edición creados para la edición de código fuente.
Existen dos tipos de editores de código, los que funcionan por si solos como el block de notas y los editores integrados en entornos de desarrollo que cuentan c interpretes y compiladores, un ejemplo es el Sublime.
- Eclipse
- Visual estudio
- Sublime (Recomendado) e instalar emmet
- Komodo
- NotePad
Documento html
Para que un documento sea HTML este tiene que terminar en .html (recomendado) o .htm
Estructura Básica de un documento HTML
Etiquetas Básicas de HTML
las etiqueta son comandos que interpretan los navegadores y que tiene que ir entre los signos (<) y (>) entonces una etiqueta se escribe así y por lo general una vez introducido el código se tiene que finalizar con una etiqueta de cierre , entonces un ejemplo sería … , pero existen excepciones de etiquetas vacías que no necesitan etiquetas de cierre como la
HTML no es mas que esto,una serie de instrucciones a través de etiquetas que que se le indican al navegador para que realice una serie de procesos como por ejemplo insertar una tabla, titulo o un hipervínculo a otra web.
Tabla de las etiquetas básicas HTML hasta HTML4
| Etiqueta | Descripción |
|---|---|
| html | Le indica al navegador que es un documento html |
| head | Contiene el encabezado del documento y que el usuario no vera reflejado en su navegador pero que si sera leído por los robots |
| body | Contiene el cuerpo del documento, aqui se sutua todo el código html que se necesita para el contenido de la página. |
Tabla de las etiquetas que se escriben dentro del head
| Etiqueta | Descripción |
|---|---|
| title | etiqueta obligatoria |
| head | Contiene el encabezado del documento y que el usuario no vera reflejado en su navegador pero que si sera leído por los robots |
| body | Contiene el cuerpo del documento, aquí se situa todo el código html que se necesita para el contenido de la página. |