Exemples de codi HTML

  • Inserir una imatge
<img src="URL_imatge" width="120" height="150" alt="imatge" />

On:

- src: és la ruta URL on hi ha la imatge
- width: és l'ampada en píxels
- height: l'alçada en píxels

  • Fer un enllaç
<a href="URL_de_l'enllaç" target="_blank">Text enllaçat</a>

On:

- href: és la URL a la qual enllacem
- target: és on volem que s'obri l'enllaç (si no es posa aquest paràmetre, s'obre a la mateixa finestra). _blank vol dir en una pestanya nova

  • Paràgraf amb fons de color
<p style="background-color: #00CCFF; margin: 20px;"> ... </p>

On:

- background-color: és el color de fons de l'element que l'inclou (en aquest cas, < p>)
- #00CCFF: és el codi de color, com es pot veure en aquest web
- margin: és el marge que deixa entre < p> i els elements adjacents

  • Flotar un paràgraf a un costat
<p style="float: right; padding: 12px; border: solid 1px black;"> ... </p>

On:

- float: és flotar un element a un costat del text (right/left)
- padding: és l'espai que deixem entre els contorns del paràgraf i el text de dins
- border: permet posar una línia al contorn, en aquest cas solid (línia contínia), 1px (amplada d'1 píxel) black (de color negre, però compatible amb qualsevol color RGB)

  • Flotar una imatge a un costat
<p><img alt="imatge" src="http://cpnl.cat/arxius/web/butlletins/premi_sirga.png" style="float: left; margin-right: 10px;" width="120" /></p>
 
houdini/exempleshtml.txt · Darrera modificació: 02/12/2014 23.41 per Joan Vilarnau
 
Excepte on es digui una altra cosa, el contingut d'aquest wiki està subjecte a la llicència següent: CC Attribution-Share Alike 4.0 International
Consorci per a la Normalització Lingüística

Els continguts d'aquest lloc estan subjectes a una llicència de Creative Commons Creative Commons

Seguiu-nos a:

  • Facebook
  • YouTube
  • Twitter
  • Netvibes