Buffl
Buffl
Auszeichnungssprachen HTML/CSS/SCSS

XML, HTML Allgemein

DB
by Delal B.

Was ist eine Auszeichnungssprache?

Eine Auszeichnungssprache ist eine:

• formale Sprache um Texte zu Strukturen und formatieren

• dabei werden viele Tags Codes um Texte zu kennzeichnen

• bzw zu definieren verwendet


Wofür wird HTML verwendet? (in einem einfachen Satz erklären bitte)

HTML wird zum Erstellen von Webseiten verwendet

Wofür steht HTML?

H = Hyper (beschreibt Referenzen -> links auf andere Seiten)

T = Text

M = Markup (Struktuiert den Text und macht ihn lesbar)

L = Language

Was sind die Eigenschaften von HTML und was ist die zentrale Idee dahinter?

• HTML kümmert sich um die Struktur der Seite

• das Layout/die Darstellung wird von anderen Formaten wie CSS und SCSS geregelt

• die Zentrale Idee: eine einheitliche Darstellung von Informationen zu gewährleisten (für das World Wide Web)

• dabei werden besondere Tags für Überschriften, Bilder, Links verwendet



Für was steht das www?

www = World wide Web

• ein Teil des Internets, über den man auf verschiedene Infos zugreifen kann

• es ermöglicht das Rumsurfen von einer zur anderen Webseite

Für was wird XML verwendet und wie ist die vollständige Bezeichnung von XML?

XML wird zur Strukturierung und Organisation von Daten verwendet


X = Extensible

M = Markup

L = Language

Was sind die Eigenschaften/Besonderheiten von XML?

Eigenschaften von XML:


  1. Erweiterbarkeit:

    -> ermöglicht den Benutzer eigene Tags zu verwenden/definierren + zu erweitern

  2. Platformunabhängig & Lizenzfrei

    -> auf verschiedenen Betriebssysteme einsetzbar

  3. Mensch und Maschine lesbar

    -> in textbasierter Struktur geschrieben

    Bsp:

    <person>

    <name>John</name>

    <alter>17</alter>

    <hobby>Anime</hobby>

    </person>


Wann gilt XML als “well formed”?

well-formed:

• hat XML Deklaration

<?xml version= “1.0">

• folgt den Grundregeln Nr. 1-5

• und ist valide (deklariert einen DocType und erfüllt dessen Anforderungen)


Grundregeln:

  1. richtige Schachtelung, Start- und Endtag existieren

    -> <p></p>

  2. Namensregeln werden eingehalten

    -> zb Groß- Kleinschreibung wichtig!

  3. Referenzen für Sonderzeichen

    -> &amp verwenden (statt &)

  4. 1 Wurzelelement

  5. Attribute in “ “ (also in Anführungszeichen)

    -> <plz land =”D”>65201</plz>


Wann ist ein XML Attribut oder Element sinnvoll?


Hier beispiel 10.März 2015 Bestelldatum. (Beide Versionen gehen, aber worauf kommt es bei der Wahl an?)



Element, dann sinnvoll, wenn:

• Reihenfolge relevant ist

• viel Inhalt nötig ist


Attribut, wenn:

• IDs nötig

• Wertebereich beschränkt ist

• wenn es sich eher um Zusatzinfo handelt

Wie schaut das grund Gerüst einer HTML datei aus?

<!DOCTYPE html>

<html>

<head>

<title> Titel der Webseite </title>

</head>

<body>

<!- - Hier kommt der Inhalt der Webseite -- >

</body>

</hmtl>

Wie bindet man Links und Multimedia (Bilder, Videos) in ein HTML tag ein?

1. Erstellung von Links mit verknüpfung

<a href =”https://.....”> Beschreibungstext </a>


2. ErstellungvonBilder

<img src=”bild.jpg” alt=”Beschreibungstext ”/>


3. ErstellungvonVideos

<video src="video.mp4" typ=”video/mp4”/>

Wie sieht die allgemeine Struktur eines Formulars aus?

<form>

<label for=”name”>Name</label>

<input type=”text” id=”name” name=”name”>

<button type=”submit”>Senden</button>

</form>


Html standard begriffe



Join Course
Preview

Author

Delal B.

Information

Last changed

Report course
© 2023 Buffl GmbH