Estructuras De HTML

ESTRUCTURA DE HTML

• Hay muchas más etiquetas que veremos más adelante pero nos debe quedar claro que por cada etiqueta que abramos, deberemos incluir la correspondiente etiqueta de cierre. Así conseguiremos un código HTML bien formado y que los navegadores puedan interpretar sin ambigüedad.
• HTML, sigla en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros. Es un estándar a cargo del World Wide Web Consortium (W3C) o Consorcio WWW, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Se considera el lenguaje web más importante siendo su invención crucial en la aparición, desarrollo y expansión de la World Wide Web (WWW). Es el estándar que se ha impuesto en la visualización de páginas web y es el que todos los navegadores actuales han adoptado.1
• El lenguaje HTML basa su filosofía de desarrollo en la diferenciació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 solamente 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.

HTML

• HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
• HTML es el lenguaje con el que se define el contenido de las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web, como imágenes, listas, vídeos, etc.
• El HTML es un lenguaje de marcación de elementos para la creación de documentos hipertexto, muy fácil de aprender, lo que permite que cualquier persona, aunque no haya programado en la vida, pueda enfrentarse a la tarea de crear una web. HTML es fácil y pronto podremos dominar el lenguaje. Más adelante se conseguirán los resultados profesionales gracias a nuestras capacidades para el diseño y nuestra vena artista, así como a la incorporación de otros lenguajes para definir el formato con el que se tienen que presentar las webs, como CSS.

HTML

• HTML nació públicamente en un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991. En esta publicación se describen 22 etiquetas que mostraban un diseño inicial y relativamente simple de HTML. Varios de estos elementos se conservan en la actualidad. Otros se han dejado de usar, y muchos otros se han ido añadiendo con el paso de los años. De esta manera, podemos hablar de que han existido distintas versiones de HTML a lo largo de la historia de internet. Nosotros vamos a trabajar con el HTML estándar actual, que es el utilizado por los navegadores y páginas web de hoy en día. Sin embargo, no vamos a prestarle atención a las versiones y especificidades de cada versión, ya que el objetivo de este curso es aprender los fundamentos de HTML y entender cómo funciona, no conocer la sintaxis o especificidades de una versión concreta. ¿Por qué no le damos importancia a la versión? Porque una persona que cuenta con los fundamentos y comprensión básica sobre el lenguaje es capaz de adaptarse a las características particulares de una versión sin problema. En cambio, centrarse en los detalles de una versión sin conocer los fundamentos hará que no tengamos capacidad para comprender lo que hacemos ni para adaptarnos a los continuos cambios que tienen lugar en el ámbito de los desarrollos web.

HTML

• El HTML se creó en un principio con objetivos divulgativos de información con texto y algunas imágenes. No se pensó que llegara a ser utilizado para crear área de ocio y consulta con carácter multimedia (lo que es actualmente la web), de modo que, el HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro. Sin embargo, pese a esta deficiente planificación, si que se han ido incorporando modificaciones con el tiempo, estos son los estándares del HTML. Numerosos estándares se han presentado ya. El HTML 4.01 es el último estándar a febrero de 2001. Actualización a mayo de 2005, en estos momentos está apunto de presentarse la versión 5 de HTML, de la que ya se tiene un borrador casi definitivo.
• Como ya os he dicho en capítulos anteriores el HTML es un lenguaje de marcas, su base son las etiquetas.
• Como habeis visto en nuestro primer ejemplo de documento HTML , éste no es más que un conjunto de etiquetas y texto "plano".

HTML

• Obligatorio:
• delimitar el ámbito de las etiquetas (salvo excepciones)
• etiqueta interna se cierra antes que externa
• etiquetas a nivel de bloque pueden contener etiquetas a nivel de línea, pero no al revés
• etiquetas no sensitivas a mayúsculas
• Pero no está de más cumplir además con XHTML:
• Cerrar todos los tags, ie: <p> ... </p>, <li> ... </li>
• Incluir marca de cierre para tags vacíos, ie: <hr />, <br />
• Poner entre comillas todos los atributos, ie: <img src="miimagen.gif" />
• Todos los tags en minúsculas
• Terminar con </html>

HTML

• HTML es un acrónimo de Hypertext Markup Language y es una tecnología que nos permite escribir páginas Web. HTML es un lenguaje de computación que entienden los exploradores Web.
• HTML permite implementar el mecanismo apropiado para vincular diferentes páginas denominando hipervinculación a esta propiedad. La hipervinculación permite ir de una página a otra simplemente haciendo clic en un vínculo.
• Con tantas herramientas de desarrollo Web existentes, es muy fácil crear páginas Web sin tener ninguna necesidad de saber HTML. Pero no es el caso crear páginas sin saber con certeza lo que se está haciendo. Cuando algo no funciona como lo estábamos esperando o deseamos algo específico, es cuando se requiere saber donde es necesario realizar correcciones o adecuaciones, y para hacerlo, requerimos introducir o modificar HTML. Si no conocemos HTML estaremos siempre sujetos a la solución que nos pueda brindar la herramienta. Conocer HTML garntiza el control total de nuestras páginas Web.

HTML

• Mi primera página
• Lo primero que tienes que hacer es abrir el Bloc de notas. Para abrirlo, puedes hacerlo con el menú Inicio > Todos los Programas > Accesorios, opción Bloc de notas.
• Escribe, en el documento en blanco, el texto siguiente:
• <html>
• <head>
• <title>MI PRIMERA PAGINA</title> </head>
• <body bgcolor="#FFFF99">
• <font color="#000066" size="5">Estoy realizando mi primera página Web.</font>
• </body>
• </html>
• Guarda el documento con la extensión html (o si prefieres htm) con el nombre prueba.html
• Menú Archivo > Guardar selecciona la carpeta deseada y asígnale un nombre, por ejemplo prueba.html.
• Si das doble clic sobre el nombre del archivo prueba.html, éste se abrirá automáticamente en el navegador que tengas instalado en tu computadora.