HTML

De Astillas.net

Enlaces y referencias

Conceptos

Entidades HTML

La lista de nombres de entidades que el lenguaje HTML reconoce es bastante extensa. Eso no quiere decir que todos los navegadores también lo hagan, así que es posible que muchos de los caracteres no resulten en otra cosa que en un extraño cuadrado en la página.

Mi sitio por excelencia para documentarme es HTML Help, el cual incluye una página describiendo las entidades HTML 4.0, y varias que van directamente a lo que nos puede interesar:

La siguiente lista contiene los más usados:

  • Ampersand (&): &
  • Euro (€): €
  • Copyright (©): ©
  • Marca registrada (®): ®
  • Acentos en vocales (á é í ó ú): á, é, í, ó y ú
  • Apertura de interrogación (¿): ¿
  • Apertura de exclamación (¡): ¡
  • Fracciones:
    • Un cuarto: ¼ ¼
    • Un medio: ½ ½
    • Tres cuartos: ¾ ¾

Anclajes

Un anclaje se crea con la etiqueta HTML a y puede emplearse de dos formas:

  1. Para crear un enlace a otro documento con el atributo href.
  2. Para crear una marca dentro del mismo documento empleando el atributo name.

Esta es una relación de atributos de la etiqueta:

Atributo Valor Descripción
href URL

Dirección del enlace que puede ser:

  • Absoluta: cuando apunta a otro lugar (http://www.example.com/default.html).
  • Relativa: cuando está dentro de su misma máquina (default.html).
  • A un anclaje dentro de la misma página (#nombre).
name texto Nombre del anclaje para crear un marcador dentro del documento.
target texto Especifica dónde abrir el documento enlazado:
  • _blank: en una nueva ventana o pestaña (tab)
  • _parent: en el marco padre (frameset)
  • _self: en el mimos marco en el que se encuentra el enlace (es el valor predeterminado).
  • _top: en el cuerpo completo de la ventana.
  • nombre: en el marco cuyo nombre coincide con el dado.

Frames

Se denomina HTML frames (marco o armazón HTML) a un mecanismo que permite que varias páginas web se muestren en la misma ventana del programa navegador de forma independiente entre sí.

El mecanismo consta de dos juegos de instrucciones: frameset y frame, descritas con más detalle a continuación. Antes es necesario tener en cuenta la siguiente advertencia:

No puede emplearse el elemento HTML body con el elemento frameset. Son incompatibles y si lo que se pretende es añadir contenido para aquellos navegadores que no tenga soporte de frames es obligado emplear el elemento noframes.

Elemento frameset

Este elemento HTML se emplea para situar las páginas web en la página física indicando cuántas filas o columnas tendrá y qué tamaño (en pixels o porcentajes) tendrán cada uno de los elementos frame.

La etiqueta frameset puede tener los siguientes atributos:

cols
Número y dimensiones de las columnas expresados en píxels, porcentajes o comodínes, y separados por comas.
rows
Igual que el anterior pero referido a filas.

Ejemplo: 

<html>

<frameset rows="10%,*">
    <frame src="catalogo/index.html" />
    <frame src="precios/index.html" />
</frameset>

</html>

Elemento frame

Este elemento define una ventana particular (frame) dentro de un armazón o marco general (frameset).

Cada etiqueta puede tener los siguientes atributos:

Atributo Valor Descripción
frameborder 0/1 Determina si se muestra o no un borde alrededor del marco.
longdesc URL Dirección de una página que contiene una descripción larga del contenido del marco.
marginheight pixels Define los márgenes superior e inferior del marco.
marginwidth pixels Define los márgenes izquierdo y derecho del marco.
name texto Define el nombre del marco como texto. Util para enviar después contenidos vía la etiqueta a.
noresize noresize Determina que el marco no puede ser redimensionado por el usuario.
scrolling yes/no/auto Determina si se muestran barras de desplazamiento en el marco. El parámetro auto sirve para mostrar las barras sólo si el contenido no cabe en la ventana.
src URL Especifica la página que se debe cargar en el frame al mostrarlo. 
<html>

<frameset cols="50%,*,25%">
  <frame src="frame_a.htm" noresize="noresize" />
  <frame src="frame_b.htm" />
  <frame src="frame_c.htm" />
</frameset>

</html>

Elemento noframes

Se emplea para añadir contenido a una página que usa marcos (frames) en reemplazo del elemento body -que no puede aparecer en este tipo de construcciones- de tal manera que su contenido es leído por aquellos navegadores que no reconocen frames. 

<html>

<frameset ... >
    <frame .... />
    <frame .... />
    <noframes>
     Este navegador no tiene soporte para marcos, esto es, hay más contenido en este página
     pero no se muestra al no reconocerlo el programa que está usando ahora. 
    </noframes>
</frameset>

</html>

Recetario

Comentarios HTML

Ya que HTML es un derivado de SGML sus comentarios siguen la misma síntaxis y como ésta puede ser algo confusa se suele emplear una regla simple que dice así:

Un comentario HTML comienza con la secuencia <!--, termina con --> y contiene ni -- ni el carácter mayor qué > en ninguna parte. 

<!-- Texto del comentario -->

Incluir CSS en una página HTML

Se puede añadir código en la sección HEAD del archivo HTML con una estrofa como la siguiente: 

<style media="screen" type="text/css">

...

</style>

de tal manera que todo el código CSS vaya entre las etiquetas style, y sabiendo que el parámetro media debe ser screen para cuando se muestre la página en una pantalla y print para cuando se imprima.

También es posible usar la etiqueta style dentro de los elementos HTML y añadir así el código CSS correspondiente: 

<h2 style="color:red;background:black;">Encabezado en rojo sobre fondo negro</h2>
Obtenido de «https://astillas.net/w/index.php?title=HTML&oldid=2283»