Nächsten Abschnitt als eigenes Dokument anzeigen

XML-Sprachelemente

Geschlossene Elemente

<temperatur>Wert</temperatur>

<Bezeichnung>Hotel Sacher</Bezeichnung>

Leere Elemente

<Luftdruck />

<Land />

Attribute

<Temperatur Einheit="Celsius">Wert</Temperatur>

<Bezeichnung Typ="Firmenname">Hotel Sacher</Bezeichnung>

<Luftdruck Wert="millibar"/>

<Land Kontinent="Europa"/>


Nächsten Abschnitt als eigenes Dokument anzeigen

HTML-Sprachelemente

Geschlossene Elemente

<h1>Das ist eine Überschrift</h1>

<strong>Das ist eine Hervorhebung der Wichtigkeit</strong>

Leere Elemente

<img>

<meta>

Attribute

<img src="bild.png">

<meta charset="utf-8">

Globale Attribute (gelten für alle HTML-Elemente)

<h1 style="color:red">Das ist eine rote Überschrift</h1>

<h1 lang="de">Kennzeichnet die Überschrift als deutschsprachig</h1>

<h1 title="Wird als Hilfe-Fähnchen angezeigt">Kennzeichnet die Überschrift als deutschsprachig</h1>


Nächsten Abschnitt als eigenes Dokument anzeigen

CSS-Sprachelemente

Eigenschaften-Wertepaar (Semikolon)

Eigenschaft: Wert;

color: red;

font-family: Verdana;

Eigenschaft-Wertepaare bilden eine Regel (Stilregel)

Eigenschaften-Tupel (Semikolon)

Eigenschaft: Wert1 Wert2 Wert3;

border: 1px solid black;

font: italic bold 1.4em/1.5 "Times New Roman", sans-serif;

Selektoren

p{

border: 1px solid black;

font: italic bold 1.4em/1.5 "Times New Roman", sans-serif;

}

 

h1{

border-bottom: 5px solid red;

font: italic bold 2em/1.5 "Times New Roman", sans-serif;

}


Nächsten Abschnitt als eigenes Dokument anzeigen

Andere Auszeichnungssprachen

JSON

Anwendung: Datenauszeichnung

{"menu": {

"id": "file",

"value": "File",

"popup": {

"menuitem": [

{"value": "New", "onclick": "CreateNewDoc()"},

{"value": "Open", "onclick": "OpenDoc()"},

{"value": "Close", "onclick": "CloseDoc()"}

]

}

}}

 

LaTeX

Anwendung: Textstrukturierung

\textbf{fett}

Diese Silbe wird \textbf{fett}gedruckt.

Wikitext (MediaWiki)

Anwendung: Textstrukturierung

'''fett'''

Diese Silbe wird '''fett'''gedruckt.

BBCode

Anwendung: Textstrukturierung

[b]fett[b]

Diese Silbe wird [b]fett[b]gedruckt.

 

Zum Vergleich: HTML

<b>fett<b>

Diese Silbe wird <b>fett<b>gedruckt.


Nächsten Abschnitt als eigenes Dokument anzeigen

Programmiersprachen fürs Web

Clientseitige Programmiersprache

Beispiel: Javascript

In der Praxis ist Javascript die einzige clientseitige Programmiersprache.

<p onclick="javascript:Guten_Tag()"

<script>

function Guten_Tag() {

alert("Guten Tag");

}

</script>

Serverseitige Programmiersprachen

Beispiel: PHP

Alle serverseitigen Programmiersprachen liefern HTML aus. Weitere sind beispielsweise: Phyton, JAVA ...

<?php

echo "<p>" . "Guten Tag!" . "</p>\n";

?>