Die e-learning Lernplattform
ichlerns  online
Home > Coden > Html Seite

Mini Anforderungen an die Html-Seite

Struktur einer Html Seite

Eine klare Struktur des Html-Codes sorgt auch optisch für eine Übersicht. Für mich strukturiert der Html-Code das Dokument in Blöcken. Der äußerste Block ist der Html-Block. Anschließend wird die Seite in 2 Bereiche eingeteilt. Dem Head-Block, der bestimmt was passiert bevor die Seite im Browser dargestellt wird und dem body-Block, der den zu zeigenden Inhalt erfasst.

Der Code für JavaScript wird innerhalb eines script-Blocks geschrieben.

Achtung: Das Script ist so zu platzieren, dass alle notwendige Elemente, die mit dem Script angesprochen werden sollen, im Dokument schon geladenen wurden!

<html>


<head>
    <script>
        alert("Ich starte bevor die Seite geladen ist");
    </script>

</head>


<body>

<h1>Ich teste Html</h1>

<Dieser Text ist im Html-Dokument nicht lesbar>

<p>So wird ein neuer Absatz in Html bestimmt. Der Zeilenumbruch wird von der Schriftgröße und der Breite des Browserfensters bestimmt. MIt der Angabe von der Verwendung des utf-8 Zeichensatzes können auch Umlaute korrekt wiedergegeben werden.</p>

<div id="javascript_tue_was_mit_mir">Innerhalb dieses Tags kann Java-Script alles ändern</div>


<input id="eingabe" type="text">


<button type="button"> Hau drauf! </button>

    <script>
        alert("Ich starte erst jetzt!");
    </script>

</body>

</html>

Html-Tags

In Html wird der Beginn einer neuen Zeile mit <br>
festgelegt.

So kann ein <b> fetter Text </b> in Html vorgegeben werden.

<p> legt einen Absatz fest.

<div> legt einen Block fest, der mit Inhalten gefüllt werden kann.

<div id="id_fuer_javascript" > durch Vergebung eines Namens für die eindeutige Idendifikation des Blockes, ist dieser direkt in JavaScript ansprechbar.

<h1> bestimmt eine Überschrift. Der Rang, der wird durch die Nummer festgelegt.

<input> ein Textfeld, das in einem geöffneten Html-Dokument Eingaben entgegennehmen kann, die anschließend in JavaScript verwendet werden können.

<button> Mithilfe eines Buttons kann JavaScript zu einer Aktion veranlasst werden.

< zurück   |   vor >
Nutzungsbedingungen | Datenschutz | Impressum
veröffentlicht unter CC BY 4.0 Autor: Roland Geyer