Esta página nos introduce un poco en el mundo HTML. Donde aprenderemos conceptos básicos de este lenguaje por medio de ejemplos. Cada uno de ellos son realizados como ejercicios de clase de la asignatura Lenguaje de Marcas del ciclo de Administración de Sistemas Informaticos en Red (ASIR).

Para poder ver como se realiza cada ejemplo, solo tenemos que pulsar F12 una vez abierto.

INDICE

Enlaces
  1. Principios básicos
  2. Manejo del texto
  3. Listas
  4. Tipos de enlace
  5. Contenedores, div,span
  6. Tablas
  7. Frames
  8. Formularios

LENGUAJE DE MARCAS (HTML)

  1. Principios Básicos

    2. HTML es un lenguaje de etiquetas (también llamado lenguaje de marcado) y las páginas web habituales están formadas por cientos o miles de pares de etiquetas. De hecho, las letras "ML" de la sigla HTML significan "markup language", que es como se denominan en inglés a los lenguajes de marcado. Además de HTML, existen muchos otros lenguajes de etiquetas como XML, SGML, DocBook y MathML.
    <html> atributos= dir y lang
    <head> atr = title, meta y link
    <body> atr = id, title, style, onload


    Ejemplo 1   Ejemplo 2
    Volver a Indice

  2. Manejo del Texto

    3. El lenguaje HTML incorpora al tratamiento del texto muchas de las ideas y normas establecidas en otros entornos de publicación de contenidos. De esta forma, HTML define etiquetas para estructurar el contenido en secciones y párrafos y define otras etiquetas para marcar elementos importantes dentro del texto.
    <p> párrafo, <strong>, <b> negrita, <em>, <i> cursiva,

    Ejemplo
    Volver a Indice

  3. Listas

    4. El lenguaje HTML define tres tipos diferentes de listas para agrupar los elementos: listas no ordenadas (se trata de una colección simple de elementos en la que no importa su orden), listas ordenadas (similar a la anterior, pero los elementos están numerados y por tanto, importa su orden) y listas de definición (un conjunto de términos y definiciones similar a un diccionario).

    Ejemplo 1   Ejemplo 2
    Volver a Indice

  4. Tipos de enlace

    5. Los enlaces se utilizan para establecer relaciones entre dos recursos. Aunque la mayoría de enlaces relacionan páginas web, también es posible enlazar otros recursos como imágenes, documentos y archivos.

    Ejemplo
    Volver a Indice

  5. Contenedores

    6. La mayoría de páginas HTML disponen de estructuras complejas formadas por varias columnas de contenidos y otro tipo de divisiones. Utilizando exclusivamente HTML no es posible crear estas estructuras complejas, ya que es imprescindible emplear las hojas de estilos CSS. Las páginas web complejas que están bien diseñadas utilizan decenas de etiquetas <div>. Con mucha diferencia, los atributos más utilizados con esta etiqueta son id (para identificar la capa de forma única) y class (para aplicar a la capa estilos CSS).

    Ejemplo 1   Ejemplo 2   Ejemplo 3
    Volver a Indice

  6. Tablas

    7. Las tablas en HTML utilizan los mismos conceptos de filas, columnas, cabeceras y títulos que los que se utilizan en cualquier otro entorno de publicación de documentos. Puede contener elementos simples, agrupaciones de filas y de columnas, cabeceras y pies de tabla, subdivisiones, cabeceras múltiples y otros elementos complejos.

    Ejemplo 1   Ejemplo 2   Ejemplo 3   Ejemplo 4   Ejemplo 5   Ejemplo 6   Ejemplo 7   Ejemplo 8
    Volver a Indice

  7. Frames

    8. Los frames (en inglés frame = cuadro, bastidor o marco) es un elemento implementado por Netscape, que permite dividir la pantalla en varias áreas independientes unas de otras, y por tanto con contenidos distintos, aunque puedan estar relacionados.

    Ejemplo
    Volver a Indice

  8. Formularios

    9. El estándar HTML/XHTML permite crear formularios para que los usuarios interactúen con las aplicaciones web.

    Ejemplo 1   Ejemplo 2   Ejemplo 3   Ejemplo 4
    Volver a Indice