Div-Tag

Fra HTX Arduino
(Omdirigeret fra Span-Tag)
Spring til navigation Spring til søgning
tag understøtter alle større browsere.

fx Firefox [1], google chrome[2], Safari [3], Opera [4] og internet explorer [5]

Tagget definerer en del eller en sektion af et HTML dokument, der kommer på en ny linje, med mindre man begynder at floate dets position. Fordelen ved div-tagget er at det ikke har nogen standard formattering som man skal til at fjerne, så derfor bruges det meget ofte til at give en side udseende ved hjælp af CSS.

Det bruges meget ofte sammen med CSS til layout på en hjemmeside.

Til div-tag kan benyttes mange forskellige egenskaber men mange bruger kun:

  • id
  • width
  • height
  • title
  • style

Span-Tag

Et span-Tag anvendes til det samme som et div-Tag, blot med den store forskel, at span-tagget ikke giver ny linje, men kan placeres inde i en linje, så man kan style en del med et span-Tag, typisk ved at anvende en CSS-class.

Man kunne have en kode der er skrevet på følgende måde:

En tekst hvor der er et <span class="green-text">Grønt</span> ord i linjen.

Det ville se ud på følgende måde:

En tekst hvor der er et Grønt ord i linjen.

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