Html-Tag

Fra HTX Arduino
Spring til navigation Spring til søgning

HTML-tagget er normalt det yderste tag, der indrammer alt den kode der er på siden.

Inde i HTML-Tagget vil der normalt være 2 tags, som også bliver gennemgået her på siden, nemlig head-Tagget og body-Tagget

Koden for HTML-Tagget er:

<html>
  <head>
    Informationer om siden, der ikke skal vises direkte
  </head>
  <body>
    Indholdet der vises på siden
  </body>
</html>

Head-Tag

Koden for head-Tagget er:

<head>
  Diverse informationer om siden og til styring af siden
</head> 

Man kan angive mange ting i head-tagget, en typisk ting er title-Tagget der ikke giver visning nede i browservinduet, men som bliver vist i fanebladet (afhængigt af browser-versionen).

En vigtig ting er at man angiver sit style sheet CSS, og normalt vil man enten have skrevet det direkte i et style-Tag inde i head-Tagget, eller endnu bedre at der henvises til en eller flere CSS-filer, som man så kan genbruge i mange andre undersider på sit site.

Ud over det vil det typisk være meta-Tags der giver forskellige informationer om siden, og scripts der typisk kan være i form af javaScripts

body-Tagget

Koden for body-Tagget er:

<body>
Hele sidens indhold
Normalt mange linjer HTML-kode
</body>

Body-tagget er det der indrammer indholdet på siden

En smart måde at sætte et baggrundsbillede ind, som kan skalere korrekt er med følgende koder:

<style>
   body {
      background-image: url('IMG_6551.JPG');
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: cover;
   }
</style>

Kilder: [1]

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