Aufzählungszeichen einfügen Eine Textseite erstellen Bilder einfügen Das Dokument auf einem Mac speichern Das Dokument unter Windows speichern Vorbereitung Links einfügen
Aufzählungszeichen sind am besten geeignet zum Auflisten von Informationen oder zum Erstellen von organisierten Schritten. Wenn du einen Absatz gefunden hast, unter dem du Aufzählungszeichen einfügen möchtest, fahre fort. Tippe über der Stelle, an der die Aufzählungszeichen erscheinen sollen, <br> ein und drücke auf ↵ Enter. Tippe <li>Text</li> ein und drücke auf ↵ Enter. Ersetze dabei "Text" durch den Text deines Aufzählungszeichens. Solange du die Tags <li></li> um Textzeilen herum verwendest, wird der Text zwischen den Tags als Aufzählungszeichen  formatiert. Tippe <ul>text</ul> ein und drücke auf ↵ Enter. Dein Text wird eingerückt unter dem vorigen Aufzählungszeichen angezeigt. Text mit den Tags <ul></ul> hat kein Aufzählungszeichen davor. Wenn du zuvor einen Seitenumbruch eingefügt hast, dann tippe jetzt </br> ein und drücke auf ↵ Enter. Deine Liste mit Aufzählungszeichen steht alleinstehend auf der Seite. Füge den anfänglichen HTML Text des Dokuments ein:  <!DOCTYPE html> <html> <body> Dieser ist auch als "head" bekannt und definiert den Text, der im Browser-Tab angezeigt wird. Füge dafür den folgenden Text  in dein Dokument ein und ersetze dabei "Dein Titel" durch den von dir gewünschten Text:  <head> <title>Dein Titel</title> </head> Tippe <h1>Text</h1> ein und drücke auf ↵ Enter. Du kannst zwischen die Tags <h1> und </h1> jeden beliebigen Text einfügen. Header können gestuft werden. Erhöhe für jede weitere Überschrift, die du nach der ersten verwendest, einfach die Nummer. Schreibe für die zweite Überschrift also bspw. <h2></h2>). Tippe <p>Text</p> ein und drücke auf ↵ Enter. Ersetze dabei "Text" durch den Text deines Absatzes. Du kannst jede Textzeile in einer neuen Zeile schreiben, indem du die Tags <p></p> für jede Textzeile wiederholst. Du kannst so viele Überschriften und Absätze auf deiner Webseite haben, wie du möchtest. Tippe <br>Text</br> ein und drücke auf ↵ Enter. Dies erzeugt eine Lücke zwischen deinen Absätzen, wenn du einen Abstand haben möchtest. Du kannst innerhalb der Tags <p></p> wiederum verschiedene andere Tags nutzen, bspw. <p><em></em></p>, um die Formatierung anzugeben:   <em>text</em> - Erzeugt kursiven Text.  <strong>text</strong> - Erzeugt fettgedruckten Text.  <ins>text</ins> - Erzeugt unterstrichenen Text.  <del>text</del> - Erzeugt durchgestrichenen Text.  <small>text</small> - Erzeugt kleinen Text.  <!---text---> - Erzeugt unsichtbaren Text. Dies wird zum Einfügen von Kommentaren oder Notizen im Code verwendet. Wenn du mit dem Hinzufügen von Text fertig bist, tippe </body> ein und drücke auf ↵ Enter, tippe dann </html> ein, um das Dokument zu schließen. Nachdem deine Seite nun  technisch gesehen vollständig ist, kannst du andere Dinge wie Links, Aufzählungszeichen und Bilder einfügen. Das Bild wird dort auf der Webseite angezeigt, wo du den Code für das Bild eingefügt hast. Tippe  dafür <img  ein, aber drücke noch nicht auf ↵ Enter. Da der "image" Tag selbst ein vollständiger Tag ist, braucht er keinen schließenden Tag. Tippe nach <img src= ein und achte auf das Leerzeichen zwischen "img" und "src". Kopiere die URL für das Bild, das du einfügen möchtest, und füge es dann rechts neben dem source Tag ein. Tippe style= ein und dann width:px;height:px. Tippe die Breite des Bilds in Pixeln nach "width:" ein und dann die Höhe des Bilds nach "height:". Dies ist der Text, der angezeigt wird, wenn das Bild nicht geladen werden kann. Tippe dafür alt= ein und dann die Beschreibung. Setze dafür eine spitze Klammer > nach dem letzten Zeichen in der alternativen Beschreibung. Er sollte so aussehen: <img src=https://www.w3schools.com/w3css/img_fjords.jpg style=width:600px;height:400px alt=Fjord> Ein Dropdown-Menü wird eingeblendet. Das Fenster mit den Einstellungen wird geöffnet.  Dies findest du unter der Überschrift "Beim Speichern einer Datei". Klicke dafür oben links auf den roten Punkt.     Ersetze den Namen im Feld "Speichern als" mit einem Namen deiner Wahl gefolgt von .html. Gib für ein Dokument mit dem Namen "meine_webseite" hier bspw. meine_webseite.html ein. Dein HTML Dokument wird am üblichen Speicherort  gespeichert (bspw. auf dem Desktop). Du kannst die HTML-Seite in den meisten Browsern öffnen, indem du sie anklickst und auf ein offenes Browser-Fenster ziehst. Ein Dropdown-Menü wird eingeblendet.  Klicke links im Fenster  auf einen Ordner (bspw. Desktop). Tippe ins Feld "Dateiname" einen beliebigen Namen für die Datei ein, gefolgt von .html. Für eine Datei mit dem Namen "miau" würdest du hier bspw. miau.html eingeben. Ein Dropdown-Menü wird eingeblendet.  Dies speichert deine Textdatei  als HTML-Seite. Du kannst die HTML-Datei in den meisten Browsern öffnen, indem du sie anklickst und auf ein offenes Browser-Fenster ziehst. Unter Windows ist der Standard-Texteditor Notepad, auf einem Mac TextEdit:   Windows - Klicke auf Start {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/0\/07\/Windowsstart.png","bigUrl":"https:\/\/www.wikihow.com\/images_en\/0\/07\/Windowsstart.png","smallWidth":460,"smallHeight":460,"bigWidth":760,"bigHeight":760,"licensing":"<div class=\"mw-parser-output\"><\/div>"}, tippe notepad ein und klicke auf Notepad.  Mac - Klicke auf Spotlight {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/e\/ea\/Macspotlight.png","bigUrl":"https:\/\/www.wikihow.com\/images_en\/e\/ea\/Macspotlight.png","smallWidth":460,"smallHeight":460,"bigWidth":760,"bigHeight":760,"licensing":"<div class=\"mw-parser-output\"><\/div>"}, tippe textedit ein und klicke in den Suchergebnissen auf TextEdit. Wenn du in HTML schreibst, werden verschiedene Elemente der Seite angezeigt durch öffnende Tags (<>) und schließende Tags (</>), wobei der Text für ein Element zwischen die beiden Tags kommt.  Ein Absatz wird bspw. erzeugt, indem du den öffnenden Tag für einen Absatz eingibst (<p>), dann den gewünschten Text und abschließend den schließenden Absatz-Tag </p>. Jede Code-Zeile muss in eine eigene Zeile, daher drückst du nach einer Zeile normalerweise auf ↵ Enter. In jedem HTML Dokument, das du erstellst, beginnst du mit einem Tag für die Art des Dokuments (<!DOCTYPE html>), einem HTML Tag (<html>) und einem BODY Tag (<body>). Außerdem endest du das Dokument mit einem schließenden BODY Tag und dann einem schließenden HTML Tag. Als Beispiel:  <!DOCTYPE html> <html> <body> </body> </html> CSS ist eine Sprache, die als Ergänzung zu HTML fungiert. Sie deckt die Seitenformatierung (bspw. Farben und Textausrichtung) und andere visuelle Aspekte der Webseite ab. Wenn du bspw. inmitten eines Absatzes einen Link auf eine Webseite einfügen möchtest, würdest du zu diesem Absatz gehen und das Wort oder den Satz finden, den du als Link verwenden möchtest. Gehe auf die Webseite, auf die du verlinken möchtest, markiere dann oben in der Adressleiste ihre Adresse und drücke zum Kopieren auf Ctrl+C (Windows) oder ⌘ Command+C (Mac). Tippe direkt vor das Wort oder den Satz, der ein Link werden soll, <a href=> ein. Klicke zwischen href= und > und drücke zum Einfügen auf Ctrl+V (Windows) oder ⌘ Command+V (Mac). Du solltest den Link rechts neben dem Text href= sehen. Wenn du bspw. auf YouTube verlinkst, würdest du hier <a href=https://www.youtube.com/> sehen. Tippe auf der anderen Seite des Link-Texts </a> ein. In einer Zeile, in der bspw. "Folge mir auf Twitter steht" und du auf Twitter verlinkst und dabei "auf Twitter" als Link verwendest, würde dein Code so aussehen: <a href=https://www.twitter.com/>auf Twitter</a> Mit ID Tags kannst du eine Textstelle mit einer anderen Stelle in einem anderen Absatz auf der gleichen Seite verlinken. So geht's:  Ersetze den Tag <p> durch <p id=text>  Finde den Text, den du als Link verwenden möchtest. Tippe vor den Text <a href=#text> ein. Vergewissere dich, dass der  Text nach "#" hier mit dem Text nach "id=" übereinstimmt. Tippe nach dem Text </a> ein.
Finde eine Stelle, an der du Aufzählungszeichen einfügen möchtest. Füge einen Seitenumbruch ein. Erstelle das erste Aufzählungszeichen. Füge weitere Aufzählungszeichen ein. Erstelle einen Unterpunkt. Schließe den Seitenumbruch. Richte das Dokument ein. Erstelle den Titel deiner Webseite. Füge einen Header, also eine Überschrift, ein. Erstelle einen Absatz. Wiederhole das Ganze mit dem Header und  dem Absatz. Füge Zeilenumbrüche ein. Formatiere den Text deines Absatzes. Schließe die BODY und HTML Tags deines Dokuments. Finde eine Stelle zum Einfügen eines Bilds. Erstelle das image Tag. Füge den "source" Tag hinzu. Gib die Adresse eines Bilds ein. Füge den "style" Tag ein. Gib die Abmessungen des Bilds ein. Gib die alternative Beschreibung ein. Schließe den image Tag. Sieh dir den Code deines Bilds an. Klicke links oben auf dem Bildschirm auf TextEdit. Klicke weiter oben in diesem Menü auf Einstellungen. Klicke oben auf der Seite auf den Reiter Öffnen und Speichern. Entferne das Häkchen bei "Reinen Textdateien die Dateiendung '.txt' hinzufügen". Schließe das Fenster mit den Einstellungen. Klicke oben in der Menüleiste auf Format. Klicke im jetzt eingeblendeten Dropdown-Menü auf Reiner Text. Klicke oben links im Menü auf Datei. Klicke im jetzt eingeblendeten Dropdown-Menü auf Speichern. Gib einen HTML-Namen für deine Datei ein. Klicke auf Speichern. Klicke links oben in Notepad auf Datei. Klicke oben in diesem Menü auf Speichern als. Wähle einen Ort zum Speichern. Gib einen HTML Namen für deine Datei ein. Klicke auf das Dropdown-Feld "Speichern als Typ". Klicke in diesem Menü auf Alle Dateien. Klicke unten rechts im Fenster auf Speichern. Öffne einen einfachen Texteditor. Verstehe HTML Tags. Sieh dir das grundlegende HTML Format an. Erwäge, CSS zu erlernen. Finde eine Stelle in deiner Webseite, an der du einen Link einfügen möchtest. Kopiere die URL der Webseite. Gib einen öffnenden Tag ein. Füge die URL der Webseite ein. Füge den schließenden Link-Tag ein. Füge ein ID Tag ein.
https://www.wikihow.com/Write-an-HTML-Page https://www.wikihow.com/Write-an-HTML-Page https://www.wikihow.com/Write-an-HTML-Page https://www.wikihow.com/Write-an-HTML-Page https://www.wikihow.com/Write-an-HTML-Page https://www.wikihow.com/Write-an-HTML-Page https://www.wikihow.com/Write-an-HTML-Page
Adding Bullet Points Creating a Text Page Adding Images Saving the Document on Mac Saving the Document on Windows Preparing to Write Adding Links