Img-Tag
Img-tagget er det tag man bruger til at sætte billeder ind på en hjemmeside, når man skriver HTML-koder.
Src-funktionen
Når man skal indskrive et img-tag er der et meget vigtigt egenskab der SKAL indgå, og det er src-funktionen.
Src-funktionen er den funktion der angiver URL-linket til billedet. Så hvis "src" ikke indgår i tagget vil man på hjemmesiden ikke kunne se billedet.
<img src="billede" />
Selvfølgelig skal det være billedets navn som f.x. "mit-foto.jpg" der står i stedet for bare "billede", dette kan ses under HTML Billede.
Alt-funktionen
En anden forholdsvis vigtig funktion i img-tagget er alt-funktionen.
"Alt" behøver ikke nødvendigvis indgå i img-tagget, da det "bare" er den funktion der angiver tekst til billedet.
Dog er det en rigtig god idé, da hjemmesider til tider kan være langsomt uploadende, men med alt-funktionen kan man før billedet er færdig uploadet se teksten, så man har en idé om, hvilket billede der dukker op.
En rigtig smart detalje er, at billedet bliver søgbart ved at man har en alt-egenskab på img-Tagget, ved at en søgemaskine kan kigge efter søgeord i alt-teksten - det er ret enkelt at genkende ordet "hest" i en tekst, hvorimod det kan være ret svært for en computer at analysere sig frem til om det er en hest eller en hund der er på et billede.
Når man tilføjer alt til tagget kommer det til at se således ud:
<img src="billede" alt="Dette er et billede af..." />
Igen kan funktionen ses under HTML Billede.
| Webdesign | |
|---|---|
| CSS | Placering - Egenskaber - Class - ID - Height - Width - Centrering - Margin - Border - Padding - Boksmodellen - Position - Text - Font - Farver - Backgruond - Table - List-style - Selectors - CSS3 - Media - Dropdown |
| HTML | <b> - <br> - <em> - <strong> - <i> - <cite> - <q> - <tt> - <code> - <samp> - <kbd> - <var> - <pre> - <sub> - <sup> - <h1> - <h6> - <p> - <br> - <li> - <ol> - <ul> - <a> - <a> på siden - <img> - <map> - <object> - <dd> - <dl> - <dt> - <hr> - <div> - <span> - <html> - HTML5 - <head> - <title> - <body> - <frame> - <frameset> - <iframe> - <style> - <table> - <td> - <tr> - <th> - <tbody> - <thead> - <tfoot> - <form> - <input> - <textarea> - <label> - <select> - <option> - Radio button - Checkbox - Dropdown - Input text - Input password - Submit knap - Billede - Embedding Youtube - Kommentarer - Omdirigere |