Direkt zum Inhalt springen
login.png Login join.png Register    |
de | en
MyTUM-Portal
Technische Universität München

Technische Universität München

Html

Html (Hypertext Markup Language) ist das wichtigste Seitenbeschreibungsformat im Internet. Mit dem "normalen Inhaltseditor" (der standardmäßig voreingestellt ist) können Sie auch im MyTUM-Portal im Quelltext arbeiten.

Besonderheiten im MyTUM-Portal

Der Html-Code in einem Dokument beginnt nicht wie üblich mit <html> und schließt auch nicht mit </html> ab. Diese beiden Tags entfallen. Ebenso wird kein <header> angegeben. Der <body>-Tag ist ebenso nicht nötig.

Im MyTUM-Portal können also die Html-Inhalte, die normalerweise im Body-Tag stehen, in den Editor eingegeben werden, wenn Sie ein Dokument bearbeiten.

Somit können theoretisch alle bekannten HTML-Tags eingesetzt werden. Es ist jedoch zu beachten, dass der HTML-Code in das Framework des Portals eingebunden wird und deshalb die Gestaltungsmöglichkeiten innerhalb des Portals entsprechend eingeschränkt sind. Für einzelne Bereiche können noch spezielle Tag-Filter definiert sein, die nur eine begrenzte Auswahl verschiedener HTML-Tags erlauben.

Bilder und Dateien

Bilder oder Dateien (z.B. pdf) können problemlos eingebunden werden, indem sie z.B. als angehängte Dateien geladen werden. Die einzelnen Dateien können dann im Text ganz einfach durch ihre ID referenziert werden.
Hat beispielsweise ein angehängtes Bild die ID 'bild1', so kann dieses Bild in die Seite durch ein einfaches <img src="bild1"> eingebunden werden. Handelt es sich um eine Datei, dann müssen Sie anstatt des <img> den <a href>Befehl (s.u.) verwenden und dort die ID des Dokuments/der Datei eintragen.

Email-Adresse

Wollen Sie eine e-mail-Adresse angeben und direkt verlinken, d.h. dass bei Anklicken der e-mail-Adresse gleich ein e-mail-Formular geöffnet wird, dann müssen Sie folgende Befehlszeile einfügen:
<a href="mailto:name@domain.xy">Name</a>.
Innerhalb des 'mailto'-Befehls steht also die e-mail-Adresse, an die e-mails geschickt werden sollen. Dahinter und vor dem abschließenden </a>-Tag steht der 'anklickbare' Text, der in der Anzeige dann blau hervorgehoben erscheint. Üblicherweise wird hier der Name des Empfängers eingetragen. Prinzipiell kann ein beliebig langer Text angegeben werden, d.h. zusätzlich zum Namen kann hier auch eine Adresse, Organisationszugehörigkeit oder sogar die e-mail-Adresse stehen oder nur die e-mail-Adresse allein.

Links

Wollen Sie einen Link einfügen, können Sie das ebenfalls über den <a href>-Befehl tun:
<a href="http://www.domain.xy">Text</a>.
Hier wird nun die Web-Adresse eingetragen, auf die Sie verweisen. Dahinter und vor dem abschließenden </a>-Tag steht wiederum der beliebig lange 'anklickbare' Text. Links auf externe Webseiten sollten sich in einem neuen Fenster öffnen. Dies wird dadurch erreicht, indem man ein zusätzliches target="blank" in den Tag einfügt.

Textformatierung

Zur Textformatierung und zur Texthervorhebung dienen folgende Befehlszeichen:

  • <p>Text</p>: Beginn und Ende von Absätzen
  • <br>: Zeilenumbruch
  • <i>Text</i>: Schriftsatz in italic
  • <strong>Text</strong>: fettgedruckter Text
  • <ol>Listenpunkte</ol>: Beginn und Ende einer numerierten Aufzählungsliste
  • <ul>Listenpunkte</ul>: Beginn und Ende einer Auflistung

Eine schöne Zusammenfassung und Übersicht über HTML finden Sie auf den Web-Seiten SELFHTML von teamone.