WebTech - Wolf 2-3

Grundlagen

0.0 (0)

Kartei Details

Karten	14
Sprache	Deutsch
Kategorie	Informatik
Stufe	Andere
Erstellt / Aktualisiert	06.01.2021 / 26.12.2023
Lizenzierung	Keine Angabe (zbw)
Weblink	https://card2brain.ch/box/20210106_webtech
Einbinden	<iframe src="https://card2brain.ch/box/20210106_webtech/embed" width="780" height="150" scrolling="no" frameborder="0"></iframe>

Flip-Modus

Struktur eines HTML-Dokuments

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Fenstertitel</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<h2>Untertitel</h2>
<p>Ein Absatz mit Text.</p>
</body>
</html>

Definiere:

HTML-Tag
HTML-Element

Tag (auch Markup Tags): Start-Tag und Ende-Tag
Hinweis: End-Tags können selten weggelassen werden (bspw. </p>)
Dazwischen ist der Inhalt
Alles zusammen ist das HTML-Element

<b> </b>
<p> </p>

b: bold = fett
p: Absatz

Was ist ein HTML-Attribut für HTML-Elemente?

Ein Attribut (Eigenschaft)
werden bei den Start-Tags verwendet.
Attributname-Wert-Form: Beispiel name="wert"

Beispiel:

<body>
<p lang="de">
Bitte <a href="http://rheinwerk-verlag.de/"> hier</a> klicken.
</p>
<p>
<img src="HTML5.png" alt="HTML-Logo"/>
</p>
</body>

Erkläre href

<a href="http://google.com">Klicken Sie hier</a>
href ist ein Attribut zu a und definiert einen Hyperlink

Wie kommentiert man in HTML-Files?

Erkläre <!doctype html>

Es handelt sich hier nicht um einen HTML-Tag sondern darum, dem Webbrowser zu sagen, in welcher HTML-Version die Webseite erstellt wurde.

Welche HTML-Elemente gehören in den head?

<title>...</title> = Der Titel des HTML-Dokuments
<base> = Setzt die Basis-URLs für alle relativen URLs der Webseite
<link> = setzt logische Links zu anderen Dateien, die eingebunden werden sollen
<style> = setzt die lokalen stylesheetregeln für das HTML-Dokument
<script> = bindet die clientseitigen Skripte ein.
<meta> = Setzt die Metadaten wie z.B. Schlüsselwörter, Beschreibungen oder den Zeichensatz für das HTML-Dokument.