Lenguaje HTML

Lenguaje HTML

1. Da formato y estructura a un documento web

2. Los documentos HTML deben tener la extensión html o htm.

3. Tiene 3 etiquetas que describen la estructura general de un documento (sin distinción de mayúsculas y minúsculas).

   • <html> <HTML>
     • Identifica qué esta codificado en este lenguaje y limitar el principio y el fin del documento.
   • <body> <BODY>
     • Contiene los elementos visibles en la pagina (imágenes, encabezados, párrafos, lista, tablas, hipervínculos etc.).
   • <head> <HEAD>
     • Contiene información de recursos sobre el propio documento y qué no aparece allí.

4. <!doctype html>

   • Declara un documento HTML5 para que se visualice correctamente.

5. Etiquetas

   • meta
     • Define varios tipos de metadatos
   • charset
     • utf-8
       • Unicode Transformation Format 8-bit. representa el código de caracteres UNICODE. Es compatible con ASCII. Permite visualizar los caracteres de todos los idioma.
     • Especifica la codificación usada en la página.
   • <h1> encabezados
   • <p> párrafos
   • <strong> texto importante
   • <em> enfatizado
   • <ul>, <li> listas

6. Caracteres especiales

   • Para incluir en el texto caracteres que son propias del lenguaje HTML es necesario usar su anotación codificada.
     • Espacio en blanco (nonebreaking space) &nbsp; < Menor que &lt; > Mayor que &gt; & Ampersand &amp; “ Comillas &quot; ‘ apóstrofo &apos;

7. Se puede usar un editor wysiwyg como el Adobe Dreamweaver o el BlueGrifon o un editor con ayudas visuales como el sublime para editar páginas web en html.

8. CSS

   • Controla el aspecto gráfico del documento mediante hojas de estilo (stylesheets),indicando al navegador como se deben visualizar los elementos de un documento HTML.
   • Existen dos formas de añadir estilo CSS a un documento html:
     • La primera es con elementos en línea, es el método más sencillo, añadiendo un atributo style en el elemento concreto dentro de la página.
     • La segunda, añade el estilo en un bloque <style> en la cabecera <head> y aplica el estilo a varios elementos de la página. Cada elemento HTML tiene una caja asociada, donde aplican los comandos de estilo CSS.
       • Una hoja de etilo CSS separada del HTML se importa con un elemento <link> en la cabecera.
         • Existen varias etiquetas para añadir atributos por medio de la hoja de estilos:
           • media: mostrara el estilo en algún dispositivo.
   • Tablas
     • Las tablas se definen con las etiquetas <table>, <tr> para cada fila y <td> para cada columna <th> indica que una celda es la cabecera.

9. Texto

   • Existen varias etiquetas para darle formato al texto en un documento html.
     • <blockquote> </blockquote>: citas textuales de un texto externo.
     • <pre></pre>: mantiene el aspecto visual, los elementos en blanco se mantienen igual que en el texto original.
     • <abbr></abbr>: para indicar el significado de una abreviatura o un acrónimo.
     • <br>: Salto de línea en el texto, sin los márgenes definidos para el párrafo.
     • : para etiquetar el texto como super o subíndices.
     • <code></code>: para representar fragmentos de código informático.
     • Otras marcas de texto: Texto borrado <del> e insertado <ins> en un documento. Listas de definiciones <dl>, <dt> y <dd>

Imágenes y archivos del mapa