Notas importantes del etiquetado HTML


¿Qué es HTML?

HTML es el lenguaje
de marcado estándar para la creación
de páginas Web.


  • HTML significa Hyper Text Markup Language
  • HTML describe la estructura de las páginas Web usando marcado
  • Elementos HTML son los bloques de construcción de páginas HTML
  • Los elementos HTML están representados por etiquetas
  • HTML etiquetas de la etiqueta de piezas de contenido como "mesa" "título", "párrafo", y así sucesivamente
  • Los navegadores no muestran las etiquetas HTML, pero las usan para representar el contenido de la página

Etiquetas HTML

Etiquetas HTML son los nombres de elementos entre paréntesis angulares:
<etiqueta> contenido va aquí ... </etiqueta>
  • Etiquetas HTML normalmente vienen en pares como <p> y </ p>
  • La primera etiqueta en un par es la etiqueta de inicio, la segunda etiqueta es la etiqueta de fin
  • La etiqueta final se escribe igual que la etiqueta de inicio, pero con una barra inclinada insertada antes de que el nombre de la etiqueta
Consejo: La etiqueta de inicio también se llama la etiqueta de apertura y la etiqueta final de la etiqueta de cierre .

Recomendaciones
  • Etiquetas siempre cerradas.
  • Documentos bien formados.
  • Etiquetas en minúsculas.
  • Valores de los atributos siempre entre comillas.


Navegadores web

El propósito de un navegador web (Chrome, IE, Firefox, Safari) es leer los documentos HTML y mostrarlos.
El navegador no muestra las etiquetas HTML, pero los utiliza para determinar cómo mostrar el documento.


Estructura de páginas HTML
Vemos a continuación una visualización de una estructura de la página HTML:






Comentarios

Publicar un comentario

Entradas populares de este blog

Tipos de listas en HTML

Imagen
Listas HTML  (no ordenadas) y (ordenadas) El lenguaje HTML, ya sea la versión HTML4 o la versión HTML5, posee tres tipos de listas. Las listas no ordenadas , las listas ordenadas y las listas de descripción. ( la veremos más adelante) Cada una de estas listas se crea con una etiqueta específica de HTML: <ul> para la lista no ordenada, <ol> para la lista ordenada   Los elementos de las listas se definen de la siguiente forma. Para la lista no ordenada y la lista ordenada se emplea el elemento <li>. Ul es el acrónimo de unordered list , lista no ordenada. En una lista no ordenada, el orden de aparición de los elementos no es importante. Cada elemento de la lista se define con <li> , que es el acrónimo de list item. Los elementos de la lista se indican con símbolos, como círculos, cuadrados o rombos. En el siguiente ejemplo, vemos el código HTML que produce como resultado la lista no ordenada que figura a continuación       El estilo de u...
Leer más

Enlaces, hipervínculos e imágenes

Imagen
Enlaces, links, hipervínculos Definición y Uso La etiqueta <a> define un hipervínculo, que se utiliza para vincular de una página a otra. El atributo más importante del elemento <a> es el atributo href, que indica el destino del vínculo. Por defecto, los enlaces aparecerán de la siguiente manera en todos los navegadores: Un enlace no visitado está subrayado y azul Un enlace visitado es subrayada y púrpura Un vínculo activo es subrayada y rojo Enlaces hipervínculos HTML  enlaces HTML son hipervínculos. Puede hacer clic en un enlace y saltar a otro documento. Al mover el ratón sobre un enlace, el puntero del ratón se convertirá en una pequeña mano. Nota:  Un enlace no tiene que ser un texto.  Puede ser una imagen o cualquier otro elemento HTML. video Vínculo a un link externo <a> Vínculo a una imágen  <img src> Abrir un enlace en una nueva ventana del navegador  ...
Leer más

Tablas en HTML

Imagen
Creación de Tablas Desde sus primeras versiones, HTML incluyó el soporte para crear tablas de datos en las páginas web. Además de ser sencillo, el modelo definido por HTML es muy flexible y bastante completo. 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: Las tablas de HTML puede contener elementos simples, agrupaciones de filas y de columnas, cabeceras y pies de tabla, subdivisiones, cabeceras múltiples y otros elementos complejos. A pesar de que las tablas HTML son fáciles de comprender y utilizar, son uno de los elementos más polémicos de HTML. El problema de las tablas es que no siempre se utilizan adecuadamente. Aunque parezca obvio, las tablas se deben utilizar para mostrar información tabular. Hasta hace unos años, las tablas también se utilizaban para definir la estructura de las páginas web. La cabecera de la página era una fila de una gran tabl...
Leer más