Skabelon til sektionen 'elementer'

Siden er opdateret 31. 8. 2011

I kodeboksen herunder er en komplet skabelon til en side i sektionen "elementer i html":

<?php
$strTitle="&lt;elementet&gt;"?>

<?php include 'header95.inc'; ?>
<link rel="stylesheet" type="text/css" href="html5.css">
</head>

<body>

<div id="indhold">

<h1><?php echo $strTitle?></h1>

<address> af Forfatternavn</address>

<p style="clear:both"><!-- WebWriter AutoDato -->Siden er opdateret 15. 8. 2011<!-- WW --></p>

<p><span class="nyt5">Nyt i HTML 5</span></p>

<p><span class="tt"><?php echo $strTitle?></span> anvendes til ...</p>

<code>Eksempelkode</code>

<p>Vil på siden se sådan ud:</p>

Her indsættes en demo af det aktuelle element.

<p><span class="tt"><?php echo $strTitle?></span> kan indeholdes i ...</p>

<p><span class="tt"><?php echo $strTitle?></span> kan indeholdes ...</p>

<p>Attributter - ...</p>

<ul class="nobullet">
 <li>Attribut:
  <dl class="mt10">
   <dt><tt>attribut 1</tt></dt>
    <dd>Forklaring<br />Værdi:
     <dl class="mt10">
      <dt>værdi 11</dt>
       <dd>Angivelse af sammenhæng mellem attribut og værdi</dd>
      <dt>værdi 12</dt>
       <dd>Angivelse af sammenhæng mellem attribut og værdi</dd>
    </dl>
   </dd>
   <dt><tt>attribut 2</tt></dt>
    <dd>Forklaring<br />Værdi:
     <dl class="mt10">
      <dt>værdi 21</dt>
       <dd>Angivelse af sammenhæng mellem attribut og værdi</dd>
    </dl>
   </dd>
  </dl>
 </li>
</ul>

<p class="hop"><?php include '../../op.inc'; ?></p>

<h5><?php include 'copyright5.inc'; ?> januar 2005</h5>

</div>

<div id="topbar"><?php include 'topbar.inc'; ?></div>

<div id="menu"><?php include 'menu9.inc'; ?>

<ul class="menu">
  <li><a href="../elementer.php?xstyle=hide2.css">Tilbage til Elementer</a></li>
</ul>

</div>

<?php include '../../copyscape.inc'; ?>

<!--FreeFind End No Index-->

</div>

</body>
</html>

Du kan også downloade en zippet skabelon. Det vil være at foretrække, om du vælger encoding ISO-8859-1 - så slipper jeg for at konvertere. Der kodes efter xhtml1.0 standard - dvs. sider, der viser html5-elementer skal overholde html5 standarden.

Alt indhold lægges i elementet <div id="indhold">

Alt tekstindhold lægges i elementet <p>

Eksempelkode bringes i elementet <code>

En side startes med en beskrivelse af elementet. Derefter en kodeboks, som viser anvendelse af elementet. Dernæst vises elementet i brug, hvis praktisk muligt.

Endelig oplistes de elementer, det aktuelle element kan indeholdes i og de elementer, der kan indeholdes i det aktuelle element.

Til slut redegæres for krævede og lovlige attributter. Se eksempelvis siden om elementet <p>

Valid XHTML og CSS / Copyright © Hjemmesideskolen januar 2005
Hjemmesideskolen
Du er her: Forsiden - html - elementer - Skabelon til sektionen 'elementer'
sidens top
Brugere lige nu: 1
Home Mail