Lernkarten

Karten 11 Karten
Lernende 0 Lernende
Sprache Deutsch
Stufe Universität
Erstellt / Aktualisiert 18.03.2020 / 18.03.2020
Lizenzierung Keine Angabe
Weblink
Einbinden
0 Exakte Antworten 11 Text Antworten 0 Multiple Choice Antworten
Fenster schliessen

Wie sieht das Grundgerüst einer HTML Seite aus. 

<!DOCTYPE>
<html>
<head>
</head>
<body>
</body>
</html>

 

Fenster schliessen

Welche drei Sprachen sind für die Gestaltung einer Webseite nötig.

HTML (Hypertext Markup Language): Beschreibe der Seitenstruktur und der Inhalt

CSS: (Cascading Style Sheets): Layout und Design der HTML-Elemente

JavaScript: Das Verhalten der Webseite, gestalten von Interaktionen und Algorithmen

Fenster schliessen

Wie sieht die Datenstruktur von HTML-Seiten aus

Lizenzierung: Keine Angabe

Kann mit dem DOM-Baum veranschaulicht werden.

Document Object Model

Fenster schliessen

Welche Sonderzeichen müssen speziell kodiert werden.

Lizenzierung: Keine Angabe

Grundsätlich reicht es wenn man im <head> Teil den <meta> tag UTF-8 einfügt. Damit können alle Sonderzeichen erkannt werden. Jedoch muss das grösser und kleiner Zeichen speziell geschrieben werden, da sie beide fürden Syntax des HTML notwendig sind.

< = &lt;
> = &gt;

Wenn der Unicode UTF-8 nicht aktiviert ist, dann schreibt man die Sonderzeichen wie folgt:

Fenster schliessen

Was sind die wichtigsten tags

<i>: kursiv
<b>: fett
<u>: unterstrichen
<h1>-<h6>: Überschrift in Grösse
<p>: Textabsatz
<span>: Text

<br>: Zeilenumbruch       -> Standalone-tags
<hr>: Trennlinie

Fenster schliessen

tags und ihre Attribute

Lizenzierung: Keine Angabe

Attribut der Farbe: <p style="color:green;">
Grafiken: <img src="Verzeichnis/datei.gif" alt="Grafik"> (Standalone)
Links: <a href="(Verweis)" target="(Zelfenster festlegen)">, <a name="(Verweis innerhalb einer Seite)">
target: siehe Bild
Tabellen: <table border="Rahmengrösse" cellpadding="Absatnd zw. Zellenrand und Inhalt" cellspacing="Abstand der Zellen zu anderen Zellen">

Fenster schliessen

Tabellen

<table>
<tr>Zeile</tr>
<th>Kopfzelle</th>
<td>Datenzelle</td>
</table>

Attribute:
colspan="Kolonen zusammennehmen"
rowspan="Reihen zusammennehmen"
align="Horizontale Ausrichtung"
valign="Vertikale Ausrichtung"
nowrap="ohne Zeilenumbruch"

Fenster schliessen

DIV tag

Der DIV tag ist praktisch, weil diese tags mit Hilfe der CSS kodierung beliebig auf der Seite plaziert werden können.