Unidad 18. Referencia de etiquetas HTML (XIII)

18.58. Etiqueta <p>

Definición: la etiqueta <p> define un párrafo de texto. Normalmente los navegadores añaden un margen arriba y abajo de la etiqueta <p> para que el párrafo quede un poco separado del texto (u otros elementos) que lo rodean. De esta forma, los párrafos quedan un poco más separados que los saltos de línea.

Ejemplo: <p> El famoso cuadro Gernika fue pintado por P. Picasso en 1937.</p><p>Picasso nació en Málaga.</p>

Resultado:

El famoso cuadro Gernika fue pintado por P. Picasso en 1937.

Picasso nació en Málaga.

Explicación en este curso.

Recomendación W3C

18.59. Etiqueta <param>

Definición: la etiqueta <param> se utiliza para definir los parámetros de una etiqueta <object>, la pareja de atributos (name  value) describe el parámetro y su valor. Por ejemplo, <param name="quality" value="high"> declara la calidad de vídeo como alta.

Ejemplo:

<object data="multimedia/corredor.swf" width="358" height="260"   type="application/x-shockwave-flash"> Su navegador necesita instalar Flash Player
  <param name="quality" value="high">
  <param name="loop" value="0">
</object>

Explicación en este curso.

Recomendación W3C

18.60. Etiqueta <picture>

Definición: la etiqueta <picture> es la nueva manera de insertar imágenes en una página web de una forma más flexible que con la etiqueta img que ha venido usándose hasta la versión 5.1. de HTML. La etiqueta picture es preferible, sobre todo, si queremos diseñar páginas web que se adapten a todo tipo de pantallas, ya que permite mostrar diferentes imágenes en función de varios parámetros, como las dimensiones de la ventana, orientación de la ventana, tipo de imagen y resolución del dispositivo.

Ejemplo:

<picture>

<source media="(min-width: 800px)" srcset="graficos/en_rio_grande_800.jpg">
<source media="(min-width: 600px)" srcset="graficos/en_rio_mediana_600.jpg">
<source media="(max-width: 600px)" srcset="graficos/en_rio_pequenya_300.jpg">


<img src="graficos/por_si_acaso.jpg" alt="Si no se cumple ninguna condición">

</picture>

La condición de la primera etiqueta source, min-width: 800px se cumplirá si la pantalla tiene, como mínimo 800 px. de ancho, es decir si la anchura es mayor o igual a 800 px. Si es así se mostrará la imagen en_rio_grande_800.jpg. Si no es así, se pasará a la siguiente etiqueta source que pregunta si la anchura es mayor o igual a 600 px., por lo tanto si la anchura está entre 799 px. y 600 px., se mostrará la imagen en_rio_mediana_600.jpg

Resultado:

Explicación en este curso.

Recomendación W3C

18.61. Etiqueta <pre>

Definición: la etiqueta <pre> se utiliza para crear texto preformateado, es decir, que conserva los espacios y saltos de línea presentes en el código html, además se usa una fuente de ancho fijo, normalmente Courrier. Otra forma de introducir espacios en blanco en el texto es con el código &nbsp;

Ejemplo:

<pre>Aquí hay más   de un espacio

y un salto de línea</pre>

Produce este resultado:

Aquí hay más   de un espacio

y un salto de línea

Explicación en este curso.

Recomendación W3C