Abschnitte erstellen

Code skill

Hier lernst du, wie du mit dem <div>-Tag eine Webseite in Abschnitte aufteilst. Für jeden Abschnitt kannst du ein spannendes Design mit CSS gestalten. Mit <div>-Tags werden mehrere HTML-Elemente zu einem Abschnitt gruppiert. Das Aussehen eines Abschnitts kann mit einem style-Attribut gestaltet werden. Dabei verwendest du CSS.

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  <title>Der Mönchsdiamant</title>
</head>
<body>
  <div>
     <p>Prof. Bairstone ist ein berühmter Entdecker.</p>
</div>
<div>
     <p>Dr. Day ist eine Top-Forscherin. Sie liebt Dinosaurierfossilien.</p>
</div> 
</body>
</html>

Copyright © 2008 Walker Books Ltd
Illustrations © Duncan Beedie
All rights reserved.