Lenguaje HTML

Da formato y estructura a un documento web
Los documentos HTML deben tener la extensión html o htm.
Tiene 3 etiquetas que describen la estructura general de un documento (sin distinción de mayúsculas y minúsculas).
1. <html> <HTML>
  1. Identifica qué esta codificado en este lenguaje y limitar el principio y el fin del documento.
2. <body> <BODY>
  1. Contiene los elementos visibles en la pagina (imágenes, encabezados, párrafos, lista, tablas, hipervínculos etc.).
3. <head> <HEAD>
  1. Contiene información de recursos sobre el propio documento y qué no aparece allí.
<!doctype html>
1. Declara un documento HTML5 para que se visualice correctamente.
Etiquetas
1. meta
  1. Define varios tipos de metadatos
2. charset
  1. utf-8
    1. Unicode Transformation Format 8-bit. representa el código de caracteres UNICODE. Es compatible con ASCII. Permite visualizar los caracteres de todos los idioma.
  2. Especifica la codificación usada en la página.
3. <h1> encabezados
4. <p> párrafos
5. <strong> texto importante
6. <em> enfatizado
7. <ul>, <li> listas
Caracteres especiales
1. Para incluir en el texto caracteres que son propias del lenguaje HTML es necesario usar su anotación codificada.
  1. Espacio en blanco (nonebreaking space)   < Menor que < > Mayor que > & Ampersand & “ Comillas " ‘ apóstrofo '
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.
CSS
1. 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.
2. Existen dos formas de añadir estilo CSS a un documento html:
  1. 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.
  2. 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.
    1. Una hoja de etilo CSS separada del HTML se importa con un elemento <link> en la cabecera.
      1. Existen varias etiquetas para añadir atributos por medio de la hoja de estilos:
        media: mostrara el estilo en algún dispositivo.
3. Tablas
  1. 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.
Texto
1. Existen varias etiquetas para darle formato al texto en un documento html.
  1. <blockquote> </blockquote>: citas textuales de un texto externo.
  2. <pre></pre>: mantiene el aspecto visual, los elementos en blanco se mantienen igual que en el texto original.
  3. <abbr></abbr>: para indicar el significado de una abreviatura o un acrónimo.
  4. <br>: Salto de línea en el texto, sin los márgenes definidos para el párrafo.
  5. <sub></sub>: para etiquetar el texto como super o subíndices.
  6. <code></code>: para representar fragmentos de código informático.
  7. Otras marcas de texto: Texto borrado <del> e insertado <ins> en un documento. Listas de definiciones <dl>, <dt> y <dd>

Next up

Lenguaje HTML

Description

Resource summary

Media attachments

Similar

	Created by Edson Jossymar Rubio Ramirez about 5 years ago