dilluns, 9 de novembre del 2015

HTML: ressaltat, imatges i enllaços interns

Ressaltat del text
Tenim l'etiqueta <b> per a la negreta i la <i> per a la cursiva.

<b> Este text està ressaltat amb negreta <i> i este amb negreta i cursiva </i> </b>

Imatges
Es delimiten amb <figure> i </figure>. Al seu interior usem:
  • <img> on amb els seus atributs src, alt, width i height especifiquen respectivament la ruta, el text alternatiu, l'amplària i l'alçària de la imatge.
  • <figcaption> i </figcaption> per a inserir un text explicatiu de la imatge.
<figure>
   <img src="imatges/foto.png" alt="Text alternatiu" width="150" height=''200">
   <figcaption> Text explicatiu de la imatge </figcaption>
</figure>

 

Enllaços dins de la pàgina web
Primer afegim un atribut id a la etiqueta on volem botar, per exemple:

<h1 id="salt"> TÍTOL </h1>

A continuació, usem una etiqueta <a> i l'atribut href. En esta ocasió, href enlloc d'una URL tindra l'id d'on volem votar precedit d'una #.

<a href="#salt"> Polça ací </a>


Obrir enllaços en una altra pestanya  
Si volem que al polsar un enllaç la pàgina s'obriga en una pestanya afegirem a l'etiqueta <a> el paràmetre target="_blank".

<a href="http://iesribalta4teso.blogspot.com.es" target="_blank"> Polsa ací </a>

EXERCICI 2 
Busca en la wikipedia "Carl Friedrich Gauss" i crea una pàgina web amb la seua bibliografia. Afegix els paràgrafs, fotos i enllaços necessaris.

Cap comentari:

Publica un comentari a l'entrada