Benutzer-Werkzeuge

Webseiten-Werkzeuge


playground:various

Dies ist eine alte Version des Dokuments!


Vorbereitungsbereich

Moodle bietet einen großen Teil der Textformatierungen und -Anpassungen über HTML.

1. HTML-Basics

(dieser Anfang ist in Moodle nicht nötig)
Um einen Text über HTML zu formatieren, beginnen Sie zunächst mit der Einleitung eines HTML-Abschnitt dafür starten Sie mit der Angabe <html>. Anschließend können Sie direkt einen Text angeben oder diesen in Überschrift und Haupttext unterteilen. Für eine Überschrift gehen Sie <head> Überschrift </head> ein. Anschließend <body> Hauptteil </body>um Ihren Hauptteil abzugrenzen. Am Ende des Hauptteils steht </html>.

  • In diesen Klammern <> stehen die Befehle für HTML
  • Mit/ in den Klammern beenden Sie einen Befehl

2. Textformatierungen

Damit der Text nicht nur unformatiert heruntergeschrieben wird, gibt es mit verschiedenen Befehlen die Möglichkeit Struktur hineinzubringen.

1. Absätze und Umbrüche:

Am einfachsten lassen sich Texte in verschiedene Absätze unterteilen. Dafür wird <p> verwendet. Nach einem Absatz verwenden Sie </p> und beginnen den nächsten Absatz wieder mit <p>. Dieser Absatz nimmt die volle breite auch nach dem Ende in Anspruch. Mit <span> beschränkt sich der Absatz nur auf die Länge der enthaltenen Sätze.
Neben den klassischen Textabsätzen können Sie mit <br> auch einen Zeilenumbruch einfügen, hier bei ist kein Stopp mit </br> nötig. Wollen Sie das ein bestimmtes Wort, falls es an dieser Stelle in der Darstellung nötig ist getrennt wird, dann verwenden Sie an der Stelle im Wort &wbr; und schreiben dahinter das Wort weiter.

Überschriften:

Es gibt 6 verschiedene Größen von Überschriften beginnend mit <h1> als größte werden die Überschriften bis zu <h6> immer kleiner. Üblicherweise wird pro Text nur eine H1 verwendet, ähnlich einem Titel. Alle weiteren Überschriftsgrößen können Sie mehrfach verwenden.

Textausrichtung:

In HTML können Sie Ihre Texte auch in der Textausrichtung verändern. Um einen Abschnitt einer Textausrichtung zuzuweisen, verwenden Sie zunächst <div> um eine Ebene zu erstellen und somit alle eingeschlossenen Elemente wie Bilder ebenfalls auszurichten. In der <div>-Klammer können Sie dann die Ausrichtung einfügen. <div style = „text-align:“> hinter dem Doppelpunkt fügen Sie Left, right ein für Links- bzw rechtsbündig oder center für Zentriert. Für einen Blocksatz geben Sie justify ein, wenn die letzte Zeile auch mit in Blocksatz geschrieben werden soll, geben Sie justify-all ein.
Linksbündig: <div style = „text-align:left“>
Rechtsbündig: <div style = „text-align:right“>
Zentriert: <div style = „text-align:center“>
Blocksatz: <div style = „text-align:justify“>
Blocksatz inkl. letzter Zeile: <div style = „text-align:justify-all“>. Diese Funktion ist allerdings nicht in Moodle möglich.

Nummerierung und Stichpunkt:

Um eine Auflistung zu erstellen, gibt es verschiedene Wege. Es besteht die Möglichkeit diese ohne Aufzählungszeichen oder Nummerierung zu machen (1), verschiedene Auflistungszeichen (2) und der nummerierten Aufzählung (3). Der Beginn einer Auflistung ist immer <ul> und endet mit </ul>. Nummerierte Aufzählungen beginnen mit <ol start> und enden mit </ol>.
1. Auflistung ohne Zeichen oder Nummerierung:
<ul> Stichpunkt 1 <br>
Stichpunkt 2 <br>
…. </ul>

2. Auflistung mit Aufzählungszeichen:
<ul>
<li> Listenpunkt 1 </li>
<li> Listenpunkt 2 </li>
… </ul>

3. Nummerierte Aufzählung: In den Anführungszeichen können Sie festlegen mit welcher Zahl die Auflistung beginnen soll. Geben Sie nur <ol> ein, beginnen Sie automatisch mit 1.
<ol start = „Zahl“>
<li> Listenpunkt 1 </li>
<li> Listenpunkt 2 </li>
…. </ol>

Um eine Unterliste innerhalb einer Liste zu erstellen, beginnen Sie wie üblich, fügen dann vor dem Unterstichpunkt ein weiteres <ul> bzw. <ol> ein und beenden dieses vor dem nächsten Stichpunkt der Hauptlist wieder mit </ul> bzw. </ol>.
Neben den Stichpunktlisten und Aufzählungen gibt es noch die Definitionsliste. In dieser wird der Definitionstitel mit <dt> gekennzeichnet und optisch vom Definitionseintrag <dd> abgesetzt. Begonnen wir diese List mit <dl>.
Beispiel:
<dl> <dt> Listendefinition 1 </dt>
<dd> Listeneintrag 1</dd>
<dt> Listendefinition 2 </dt>
<dd> Listeneintrag 2 </dd>
<dd> Listeneintrag 3 </dd>
</dl>

5. Tabellen
playground/various.1720614573.txt.gz · Zuletzt geändert: 10.07.2024 12:29 von Rhea Sophia Wagener