2. Definición de HTML
Historia de HTML
Características de HTML
¿Qué son etiquetas o tagger?
Características de las etiquetas
Etiquetas básicas para elaborar una página web
Software utilizado para desarrollar código HTML
3. HyperText Markup Language (Lenguaje de Marcas de
Hipertexto), es el lenguaje de marcado predominante
para la construcción de páginas web. Es usado para
describir la estructura y el contenido en forma de texto,
así como para complementar el texto con objetos tales
como imágenes. 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.
Índice
4. HTML se utiliza desde 1989.
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.Describe 22
elementos comprendiendo el diseño inicial y relativamente simple de
HTML. Trece de estos elementos todavía existen en HTML
Berners-Lee consideraba a HTML una ampliación de SGML, pero no fue
formalmente reconocida como tal hasta la publicación de mediados de
1993, por la IETF, de una primera proposición para una especificación de
HTML: el boceto Hypertext Markup Language de Berners-Lee y Dan
Connolly, el cual incluía una Definición de Tipo de Documento SGML
para definir la gramática. El boceto expiró luego de 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, reflejando la filosofía
del IETF de basar estándares en prototipos con éxito. Similarmente, el
boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format)
(Formato de marcaje de hipertexto), de 1993 tardío, sugería, estandarizar
características ya implementadas tales como tablas.
5. El html es un lenguaje de marcas hipertextuales, un lenguaje
diseñado para estructurar textos para generar páginas web.
Gracias a Internet y a los navegadores web, el html se ha
convertido en el formato más fácil para la creación de
páginas web debido a su sencillez.
La mayoría de las etiquetas del lenguaje html son
semánticas. La interpretación de las etiquetas es realizada
por el navegador web. El lenguaje HTML es extensible, se le
pueden añadir características, etiquetas y funciones
adicionales para el diseño de páginas web, generando un
producto vistoso, rápido y sencillo.
Índice
6. Las etiquetas son 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.
Una etiqueta son 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.
7. •Las etiquetas son la base principal del lenguaje HTML.
•Cuando se comete un error sintáctico al expresar una
etiqueta o un atributo no se producirá ningún error,
simplemente no de obtendrá el efecto que deseábamos.
•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.
•Las etiquetas pueden funcionar solas o por parejas. Cuando
funcionan por parejas, la primera indica el inicio del formato
o enlace, mientras que la otra marca el final. Las etiquetas de
final incluyen la misma información que las del inicio con la
barra inclinada (/).
Índice
8. <!DOCTYPE>
Es la primera parte de una página web, aún antes que la etiqueta
<html>. Le indica al navegador que especificación de HTML se
está utilizando.
<html></html>
Abre y cierra un documento HTML
<head></head>
Encabezado de la página - aquí se coloca titulo, metatags, e
informacion para buscadores entre otras cosas. Está información
no es visible.
<body></body>
Dentro de esta etiqueta va toda la parte visible de la página web.
9. Algunos editores muy conocidos son Dreamweaver, Go
Live o NVU. Son software especializado en la creación de
sitios web, construidos para crear y modificar el
código HTML, CSS, PHP, etc. de tus páginas web. Tienen
funciones muy útiles para un diseñador web, como el editor
gráfico, que te permite crear webs con pocos conocimientos
de HTML ya que se asemeja a un procesador de textos. Otras
funciones muy interesantes de estos programas son el
permitir remplazar código de múltiples páginas a la vez, la
comprobación de errores de programación en el código,
previsualizar las páginas en diferentes navegadores, etc.
Índice
10. Lo más interesante sin duda para una persona que está aprendiendo a hacer
webs es el editor gráfico. Tú creas la página como si del Word se tratara;
escribes el texto, los títulos, pones las imágenes, eliges los colores, etc. y el
programa te guarda la página con el código HTML listo. Es lo que se llama
What You See Is What You Get (WYSIWYG), lo que ves es lo que obtienes.
Se les llama así con razón, puesto que utilizandolos no es necesario escribir
nada de código HTML para crear una página web.
Si sabes HTML una buena opción es programar tú mismo todo el código de
tu web mediante editores de código fuente como el Block de notas de
Windows (no está diseñado para eso pero puede usarse), o algunos un poco
más especializados comoNotepad. Éste último te colorea el código de
diferentes tonos según el tipo de código que tenga la página, lo cual resulta
muy útil para buscar fragmentos de un vistazo.
Los editores de texto son programas simples pero muy eficaces que
permiten guardar documentos de texto sin formato. Al no ofrecer ningún
tipo de guía visual, al contrario que los editores HTML o WYSIWYG, son los
más complicados de utilizar para los que empiezar a hacer páginas web.
Los editores de HTML son básicamente editores de texto diseñados
específicamente para hacer páginas web, por tanto traen incorporadas
funcionalidades que no tienen los editores de texto genéricos, y que facilitan
mucho las cosas.
Índice