Jnnbo: HTML5 Grundgerüst - update

Beitrag lesen

SELF-Forum

HTML5 Grundgerüst - update

Jnnbo
– Informationen zu den Bewertungsregeln

Guten Abend,

hier der komplette Code wie ich es wohl umsetzten würde, CSS ist an dieser Stelle keiner mit dabei:


<!DOCTYPE HTML>
<html lang="de">
<head>

<meta charset="utf-8">
<title>Willkommen auf der Startseite</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>

<body>

<header>
    <h1>Berufskolleg Wirtschaftsinformatik</h1>
    <img src="bilder/bkwi.png" alt="BKWI" width="200" height="90" />
</header>

<nav class="mainNav">
	<img src="bilder/930.png" alt="BKWI" width="43" height="43"/>
  <ul>
    <li>Schulplan</li>
    <li>Anmeldeformular</li>
    <li>Kontakt</li>
  </ul>
</nav>

<main role="main">
  <nav class="nav">
    <ul>
      <li>Navigation links</li>
    </ul>
  </nav>
  <section>
    <h2> Berufskolleg Wirtschaftsinformatik </h2>
    <h3> Eine Schulart der <span class="grau">Kaufmännischen Schule</span> in Böblingen</h3>
    <p>Zweijährige Schulart, die auf ein kaufmännisch orientiertes Tätigkeitsfeld in IT-Berufen vorbereitet. Die Ausbildung vermittelt fachtheoretische und fachpraktische Kenntnisse. Sie soll die Absolventen befähigen, kaufmännische und verwaltende Tätigkeiten in informationstechnologisch geprägten Aufgabenfeldern zu bewältigen, und die Chancen auf einen Ausbildungsplatz in IT-Berufen verbessern</p>
  </section>
  <aside>
    <a href="schulplan.html"><img src="bilder/ha1.png" alt="Hausaufgaben" onmouseover="src='bilder/ha2.png'" onmouseout="src='bilder/ha1.png'" width="35" height="35" /></a>
    <a href="schulplan.html"><img src="bilder/info1.png" alt="Informationen" onmouseover="src='bilder/info2.png'" onmouseout="src='bilder/info1.png'" width="35" height="35" /></a>
    <a href="schulplan.html"><img src="bilder/mail.png" alt="E-Mail" onmouseover="src='bilder/mail2_1.png'" onmouseout="src='bilder/mail.png'" width="35" height="35" /></a>
  </aside>
</main>

<footer></footer>

</body>
</html>

Mehr Informationen zum HTML-Element:

Beitrag melden
–
Informationen zu den Bewertungsregeln