Unidad 18. Referencia de etiquetas HTML (X)
18.43. Etiqueta <kbd>
Definición: la etiqueta <kbd> se utiliza para representar una introducción de datos mediante teclado (keyboard) o por otro medio. Normalmente los navegadores lo visualizan con tipo de letra monospace.
Ejemplo: <p> Para enviar los datos utilizar el comando <kbd> submit </kbd>.</p>
Resultado:
Para enviar los datos utilizar el comando submit .
Recomendación W3C
18.44. Etiqueta <label>
Definición: la etiqueta <label> permite dar un título o descripción a cada campo del formulario, además facilita hacer clic en los campos del formulario ya que el texto también se convierte en zona clicable.
Ejemplo:
Sexo:
<label>Hombre<input type="radio" name="sexo" value="h" /><label>
<label>Mujer<input type="radio" name="sexo" value="m" /></label><br>
<label>Acepto condiciones:<input type="checkbox" value="acepta" name="condiciones2" /></label><br>
<label>Nombre:<input type="text" name="nombre2" /></label><br>
Resultado:
Explicación en este curso.
Recomendación W3C
18.45. Etiqueta <legend>
Definición: la etiqueta <legend> muestra un texto a modo de título en un grupo creado con fieldset. La etiqueta fieldset permite agrupar etiquetas input para mejorar su visualización. Ambas etiquetas se suelen utilizar conjuntamente, aunque no es obligatorio. Por defecto, los navegadores muestran un marco alrededor del grupo y el texto de legend como encabezado.
Ejemplo:
<fieldset>
<legend>Datos personales</legend>
<label>Nombre: <input type="text" name="nom" /><label><br>
<label>Apellidos: <input type="text" name="ape" /><label><br>
</fieldset>
<br>
<fieldset>
<legend>Datos del domicilo</legend>
<label>Calle: <input type="text" name="calle" /><label><br>
<label>Población: <input type="text" name="pobla" /><label><br>
<label>Provincia: <input type="text" name="prov" /><label><br>
</fieldset><br>
Resultado:
Explicación en este curso.
Recomendación W3C
18.46. Etiqueta <li>
Definición: la etiqueta <li> se utiliza para crear los elementos de una lista, tanto ordenada <ol>, como desordenada <ul>.
Ejemplo: <ul> <li>Plátanos</li> <li>Naranjas</li> <li>Manzanas</li> </ul>
Resultado:
- Plátanos
- Naranjas
- Manzanas
Explicación en este curso.
Recomendación W3C
18.47. Etiqueta <link>
Definición: la etiqueta <link> sirve para enlazar archivos externos con la página web. Por ejemplo, para enlazar con una hoja de estilos. El atributo type indica el tipo de archivo enlazado y el atributo href el origen del archivo. Normalmente, la etiqueta link se coloca en el <head> de la página.
Ejemplo: <link rel="stylesheet" type="text/css" href="hoja_estilo_aulaclic.css">
Explicación en este curso.
Recomendación W3C
Enero-2019 (V 2.0)
Pág. 18.10
Cursos Informática Gratuitos