Es el lenguaje de marcado predominante para la construccion de paginas web También 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 tambien puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un SCRIPT(por ejemploJAVASCRIPT), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.
HTML también es usado para referirse al contenido del tipo de MINEtext/HTML o todavía mas ampliamente como un termino 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).
MARCADO Y ELEMENTOS DE HTML
HTML consta de varios componentes vitales, incluyendo elementos y sus atributos, tipos de data, y la declaración de tipo de documento.
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. Un elemento generalmente tiene una etiqueta de inicio (p.ej.
, no tienen contenido ni llevan una etiqueta de cierre.
VERSIONES HTML
La primera versión del HTML que se definió, evidentemente la 1.0, sentó las bases necesarias para la definición de un documento. La versión 2.0 sigue siendo aceptada de forma generalizada, y las posteriores versiones que se han producido, y las que inevitablemente aparecerán mejoran cada vez más las posibilidades del lenguaje.
Debe tenerse en cuenta que la compatibilidad entre versiones propias de los navegadores más conocidos no está garantizada. El Netscape reconoce comandos de su propia versión de HTML que el Explorer ignora, y viceversa. Cuando se diseña un documento en HTML debe tenerse en cuenta lo anterior y procurar la máxima compatibilidad a fin de garantizar una correcta visión del documento por parte de la mayor cantidad posible de usuarios.
HTML es el acrónimo inglés de HyperText Markup Language, que se traduce al español como Lenguaje de Marcas Hipertextuales. Es un lenguaje de marcación diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas web.
HTML tiene las siguientes versiones:
HTML 2.0
žEs la primera versión oficial del lenguaje informático HTML y supone una formalización de las anteriores versiones de HTML. Es un lenguaje que podemos considerar completamente actual.
HTML 3.0
fue propuesto por el recién formado W3C en marzo de 1995. Con él se introdujeron muchas nuevas capacidades, tales como facilidades para crear tablas, hacer que el texto fluyese alrededor de las figuras y mostrar elementos matemáticos complejos. Aunque se diseñó para ser compatible con HTML 2.0, era demasiado complejo para ser implementado con la tecnología de la época
HTML 4.0
En julio de 1997 se presenta el borrador de este estándar. Por fin se estandarizan los marcos (frames), las hojas de estilo y los scripts (entre otras cosas). El 17 de diciembre de 1997 dicho borrador fue finalmente aprobado.
Editores de HTML
los editores de HTML, los programas que nos sirven para crear páginas web con el lenguaje HTML. Los editores de HTML pueden ser de dos tipos, como veremos, unos permiten codificar las páginas utilizando el propio lenguaje HTML, a base de etiquetas y otros nos permiten diseñar una página web, como si estuviésemos escribiendo con un editor de texto avanzado, sin tener que escribir el código con las etiquetas. Esta última vertiente, que podemos llamar editores en modo diseño, presenta una facilidad adicional para las personas que no deseen complicarse la vida con el lenguaje HTML, porque no tengan tiempo de aprenderlo o porque se sientan incapaces de hacerlo. Los editores en modo diseño nos permiten crear la página como si estuviéramos escribiendo un documento con un editor del tipo de Word. El editor de HTML es el encargado de vérselas con el lenguaje y programar internamente la página con el código HTML, según lo que nosotros estamos diseñando.
Con el editor HTML en vista diseño podemos colocar imágenes, definir estilos, utilizar negritas o cursivas, etc. sin preocuparnos de las etiquetas correspondientes a cada estilo o elemento. Es el editor el que conoce estas etiquetas y las utiliza convenientemente. Este tipo de editores HTML en modo diseño se denominan, en lenguaje técnico WYSIWYG .
Existen dos tendencias, por tanto, entre los desarrolladores que se dedican a realizar páginas web. Por un lado tenemos a las personas que prefieren crear las páginas programando el HTML y por otro las personas que utilizan editores HTML en modo diseño.
Escribiendo con HTML
Dominas con mayor precisión el código de la página, queda más limpio. Si dominas bien el HTML nunca tendrás ningún problema para hacer lo que deseas.
žEs más complicado el aprendizaje, más lento y cuando se llega a un nivel avanzado también se hace considerablemente más difícil
Hacer una página cuesta más trabajo y tiempo.
Con un editor WYSIWYG
El código de la página tiene peor calidad, incluso puede llegar a tener errores, más o menos visibles, que cuestan arreglar. Es la máquina la que domina el trabajo.
El aprendizaje es muy sencillo, tal como puede ser trabajar en Word. Solo se trata de manejar un programa más. Es muy rápido..
Estructura de una pagina web
Toda página Web tiene una estructura que permite al programador saber de antemano qué tipo de información necesita introducir. Esto ayuda a que la página que diseña sea claramente legible y se pueda modificar más fácilmente. Si una página Web es complicada en su diseño, habrá muy pocos que sepan dar el mantenimiento adecuado. Abajo se muestra la estructura lógica de una página Web.
indica al explorador de Internet que ahí comienza una página Web. La siguiente instrucción indica el encabezado de la página, es decir el área de la barra de título.
Block de notas
Es el editor más sencillo que existe para texto plano, pero utilizar un programa de estos será imprescindible con el tiempo.
Navegadores compatibles
Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.Todos los navegadores interpretan el código Java Script integrado dentro de las páginas web. Para interactuar con una página web se provee al lenguaje Java Script de una implementación de dom.
Dos de los navegadores que continuamente están realizando extensiones son:
Internet Explorer y Netscape Navigator, que realizan extensiones incluso antes de que se establezcan los estándares, intentando incluir las nuevas funciones incluidas en los borradores.
Los navegadores tienen que ser compatibles con la última versión HTML para poder interpretar el mayor número posible de etiquetas. Si un navegador no reconoce una etiqueta, la ignora y el efecto que pretendía la etiqueta no queda reflejado en la página.
Para realizar las extensiones de estos navegadores se añaden nuevos atributos a las etiquetas ya existentes, o se añaden nuevas etiquetas.
INTERNET EXPLORER
Este navegador es el mas popular en Windows, la característica mas importante de este navegador es que viene integrado con el sistema operativo, esto tiene unos efectos secundarios positivos y negativos, por ejemplo: el programa se carga rápidamente ya que la mayoría del programa se carga en la memoria al iniciar Windows, no es posible desinstalarlo, si queremos usar otro navegador también tenemos que quedarnos con Este. También exista una versión para Macintosh que ya no se desarrolla.
ETIQUETAS
Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML. Existen dos tipos de etiquetas, la de comienzo de elemento y la de fin o cierre de elemento.
ETIQUETA DE COMIENZO
Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML. Existen dos tipos de etiquetas, la de comienzo de elemento y la de fin o cierre de elemento
ETIQUETA DE CIERRE
Está delimitada por los caracteres y >. Está compuesta por el identificador o nombre de la etiqueta, y no contiene atributos. Su sintaxis es:
Cada uno de los elementos de la página se encontrará entre una etiqueta de comienzo y su correspondiente etiqueta de cierre, a excepción de algunos elementos que no necesitan etiqueta de cierre. También es posible anidar etiquetas, es decir, insertar etiquetas entre otras etiquetas de comienzo y de cierre
ESTRUCTURA DE UNA PAGINA WEB
Toda página Web tiene una estructura que permite al programador saber de antemano qué tipo de información necesita introducir. Esto ayuda a que la página que diseña sea claramente legible y se pueda modificar más fácilmente. Si una página Web es complicada en su diseño, habrá muy pocos que sepan dar el mantenimiento adecuado. Abajo se muestra la estructura lógica de una página Web.
Estas líneas son permanentes en una página Web. Siempre van a estar presentes no importando qué tan corta o tan larga sea la página y el contenido.
La primera in
la página). indica al explorador de Internet que ahí comienza una página Web. La siguiente instrucción indica el encabezado de la página, es decir el área de la barra de título.
En el lenguaje HTML, muchas instrucciones se cierran con el signo / (diagonal) para indicar al programa que las propiedades aplicadas con esa instrucción se terminan ahí donde se pone el signo diagonal. Si el signo de cierre (/) no se aplica convenientemente, el programa seguirá aplicando las propiedades de la instrucción anterior a todas las líneas inferiores, hasta que se encuentre otra instrucción que modifique las propiedades actuales.