HTML
(Auszug aus "ePub für (In)Designer — Mit InDesign Schritt für Schritt zum E-Book" von Sascha Heck & Yves Apel)
HTML (Hypertext Markup Language) ist eine Auszeichnungssprache zur Strukturierung von Inhalten (Texte, Bilder, Hyperlinks etc.) und die Grundlage des Word Wide Webs. Browser interpretieren das Ganze und stellen es visuell dar. HTML-Dateien bestehen aus reinem Text und können mit einem normalen Text-Editor betrachtet werden. HTML wird von einem Gremium, dem World Wide Web Consortium (W3C), kontinuierlich weiterentwickelt. Die kommende HTML5-Version ist schon in aller Munde und spielt für die Publishing-Industrie eine große Rolle. Einige Geräte und Software können Teile von HTML5 bereits umsetzen. Darauf werden wir im Buch noch später zu sprechen kommen.
Tags
Was hat nun HTML mit InDesign zu tun? In InDesign werden wir unsere Dokumente in Absatz- und Zeichenformate durchstrukturieren. Durch Zuweisen der Absatz- und Zeichenformate geben Sie InDesign die Information, was ein Titel ist, was der Grundtext, was eine Bildunterschrift etc. Diese Information wandelt InDesign beim ePub-Export in HTML um. Das geschieht in HTML mit Hilfe von Tags. Es gibt meist ein Start-Tag und ein End-Tag. Ein normaler Textabsatz sieht in HTML so aus:
<p>Ich bin ein normaler Text</p>Wir sprechen hier von einem »Element«. Das Element wird durch ein Start-Tag am Anfang einmal geöffnet, indem hier z. B. »p« für »Paragraph« (Absatz) zwischen zwei spitzen Klammern steht. Am Schluss steht das End-Tag, erkennbar durch den Querstrich nach der spitzen Klammer. Das ist das Grundprinzip für alle Elemente.
Es gibt auch leere Elemente, d. h., diese besitzen kein End-Tag und nehmen keinen Inhalt auf. Die bekanntesten leeren Elemente, die Ihnen auch im ePub begegnen, sind <br> (break, Zeilenumbruch), <hr> (horizontal rule, Linie) oder <img> (image, Bild).
Für Überschriftenhierarchien stehen in HTML Standard-Tags zur Verfügung: h1 bis h6. »h« steht hier für Heading. Sie können also hiermit eine Hauptüberschrift von einem Untertitel unterscheiden:
<h1>Ich bin die Hauptüberschrift</h1>
<h2>Ich bin nur der Untertitel</h2>
<p>Ich bin dann der Haupttextteil …</p>Tags können auch ineinander verschachtelt werden. Soll z. B. ein Wort ausgezeichnet werden, kursiv (<em>, emphasis = Betonung) oder fett (<strong>, stark), dann muss das entsprechend definiert werden:
<p>Ich bin ein normaler Text, aber dieses <em>Wort</em> wird jetzt kursiv gesetzt und <strong>das</strong> wird fett ausgezeichnet.</p>div-Tag
Dem div-Tag werden Sie im ePub an verschiedenen Stellen begegnen, z. B. bei eingefügten Kästen oder verankerten Objekten. Es ist ein Behälter für weitere HTML-Elemente und strukturiert Inhalte, die logisch zusammengehören und optisch (via CSS) herausgestellt werden sollen. Man kann sich das div-Element wie eine unsichtbare Fläche vorstellen, die Inhalte aufnehmen kann. Das öffnende und schließende <div>-Tag führt jeweils zu Zeilenumbrüchen.
<div class="kasten">
<p class="text">Manche Klingen erhalten dann beim Graveur noch eine Dekoration (Horimono).</p>
</div>Attribute
Ein Tag steht nicht immer allein. Durch die Angabe weiterer Parameter können Sie dem Tag Eigenschaften verleihen. Diese Parameter werden Attribute genannt. Ein typisches Beispiel ist etwa die Definition von Bildern:
<img width="300px" height="150px" src="meinBild.jpg"/>Mit »width« und »height« bestimmen Sie die Breite und Höhe des Bildes. »src« (source) gibt den Pfad zur Bilddatei an.
| << zurück | vor >> |
| Tipp der data2type-Redaktion: Zum Thema ePub & InDesign bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © dpunkt.verlag GmbH 2012
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "ePub für (In)Designer" denselben Bestimmungen wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
dpunkt.verlag GmbH, Wieblinger Weg 17, 69123 Heidelberg, fon 06221-14830, fax 06221-148399, hallo(at)dpunkt.de