1 / 10

El lenguaje HTML

HTML es el lenguaje que se emplea para el desarrollo de pu00e1ginas de internet.

ruizgbibi
Download Presentation

El lenguaje HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. UNIVERSIDAD DE YACAMBÚ Programas y Proyectos de Investigación en Ciencias...Maestría CICEGerencia Educacional (MGE) EL LENGUAJE HTML Y SUS USOS DOCENTE: Prof. Lisbeth del Valle Campins Márquez ESTUDIANTE: Brenda Ruiz Gavilanes

  2. ¿QUÉ ES • HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. • Está compuesto por una serIe 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.

  3. EVOLUCIÓN • El lenguaje HTML ha ido evolucionando a lo largo del tiempo. • La última versión del mismo ha sido la 4.01 sobre la que versa este manual. • Pero, exigencias de compatibilidad, obligan a un perfeccionamiento de la sintaxis. Es lo que se denomina XHTML que, en realidad, no es un nuevo lenguaje sino una modificación en la sintaxis de los elementos. Algunos dicen que es la nueva versión del HTML.

  4. HTML sirve para crear páginas web, darles estructura y contenido. Un ejemplo sencillo de código HTML podría ser: ?PARA QUÉ SIRVE? Este ejemplo está formado por 3 etiquetas HTML. Como podemos observar cada una de las etiquetas debe acabar con su homóloga de cierre. En este caso la etiqueta <html> debe cerrarse con </html>, la etiqueta <body> con </body> y la etiqueta <p> con </p>. 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 sirve para crear páginas web, darles estructura y contenido.

  5. LAS ETIQUETAS EN HTML • Una etiqueta (términos a veces reemplazados por el anglicismo tag) es una marca con clase que delimita una región en los lenguajes basados en XML. ... • La Web se basa en el HTML, o «lenguaje de marcado de hipertexto», que está basado en el uso de etiquetas

  6. Los nombres • En el tema de páginas web hay que tener en cuenta que los nombres de los archivos son absolutamente determinantes para que la navegación por todo el sitio funcione correctamente. • El problema añadido (y de ahí la dificultad) es que quizá en el ordenador del creador del sitio web, las cosas funcionan, pero no así cuando esos mismos archivos con sus correspondientes nombres, se han subido a internet.

  7. los colores HTML • El código del color está formado por 6 símbolos alfa-numéricos precedidos del símbolo #. • Los símbolos alfa-numéricos son las diez cifras numéricas y las seis primeras letras del alfabeto ordenadas • Siendo 0 el valor mínimo (nulo) y f el valor máximo. • A su vez los seis símbolos se dividen en tres grupos de dos símbolos: • El primero de dos símbolos indica la cantidad de rojo (00 es el mínimo y ff el máximo) • El segundo de dos símbolos indica la cantidad de verde (00 es el mínimo y ff el máximo) • El tercero de dos símbolos indica la cantidad de azul (00 es el mínimo y ff el máximo) • Las mezclas y combinaciones de cantidad van dando origen a los diferentes colores.

  8. Las meta etiquetas • En la cabecera del documento van también unas importantes etiquetas denominadas las meta etiquetas o meta tags. • Proporcionan información sobre el documento aunque no son visibles desde el navegador. • La Description es una descripción del contenido del sitio. Debe ser una frase corta que resuma de manera, lo más ajustada posible, lo que nos vamos a encontrar en el sitio. • La segunda etiqueta son las Keywords o palabras clave. Son una lista de varias palabras o grupos de palabras separadas por comas referidas, de nuevo, al contenido del sitio. • ¿Cuál es el objetivo de estas etiquetas? El fundamental es ayudar a los buscadores y motores de búsqueda a encontrar las páginas.

  9. Caracteres especiales. • Para realizar este manual tengo algunos problemas con determinados signos. Por ejemplo, cuando quiero explicar cualquier etiqueta, no puedo escribir la etiqueta tal cual porque el navegador se creería que estoy comenazando a declararla y no es el caso, yo quería hablar de ella no implementarla. Lo mismo ocurre con algunos otros signos que pueden ser confundidos con símbolos del lenguaje HTML. • Por ejemplo, si digo: La primera etiqueta que escribimos es <HTML> en cualquier documento: • &lt; es el comienzo de la etiqueta. &gt; es el final de la etiqueta. • Otro problema importante son los caracteres propios de un idioma. En el caso del nuestro, los acentos, la eñe,... Actualmente los navegadores interpretan perfectamente casi todos los símbolos más usuales del castellano. Pero si nuestra página tiene que ser leída en territorios donde el español no sea el idioma habitual, deberíamos escribir los acentos, las eñes,... de acuerdo con los códigos que se expresan a continuación:

  10. Estilos para una etiqueta • Hay que tener especial cuidado en no cometer errores de sintaxis: El = , las " al comenzar y al acabar, los : para indicar el valor, el ; separando cada uno de los parámetros de estilo. Es fácil equivocarse porque venimos arrastrando la sintaxis de las etiquetas y atributos normales y, ahora, las cosas son diferentes. Aparte, claro está, del nombre y valores posibles de cada atributo de estilo de los que, más tarde, haremos un listado.

More Related