Eine HTML Seite erstellen

PDF download PDF herunterladen
PDF download PDF herunterladen

In diesem wikiHow zeigen wir dir, wie du mit HTML eine Webseite erstellst. Elemente deiner Webseite können bspw. Text, Links und Bilder sein.

Methode 1
Methode 1 von 7:

Vorbereitung

PDF download PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1f\/Write-an-HTML-Page-Step-1-Version-7.jpg\/v4-460px-Write-an-HTML-Page-Step-1-Version-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1f\/Write-an-HTML-Page-Step-1-Version-7.jpg\/v4-728px-Write-an-HTML-Page-Step-1-Version-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Unter Windows ist der Standard-Texteditor Notepad, auf einem Mac TextEdit:
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5a\/Write-an-HTML-Page-Step-2-Version-7.jpg\/v4-460px-Write-an-HTML-Page-Step-2-Version-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5a\/Write-an-HTML-Page-Step-2-Version-7.jpg\/v4-728px-Write-an-HTML-Page-Step-2-Version-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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 .
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/dd\/Write-an-HTML-Page-Step-3-Version-7.jpg\/v4-460px-Write-an-HTML-Page-Step-3-Version-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/dd\/Write-an-HTML-Page-Step-3-Version-7.jpg\/v4-728px-Write-an-HTML-Page-Step-3-Version-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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>
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a2\/Write-an-HTML-Page-Step-4-Version-7.jpg\/v4-460px-Write-an-HTML-Page-Step-4-Version-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a2\/Write-an-HTML-Page-Step-4-Version-7.jpg\/v4-728px-Write-an-HTML-Page-Step-4-Version-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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.
    Werbeanzeige
Methode 2
Methode 2 von 7:

Eine Textseite erstellen

PDF download PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/11\/Write-an-HTML-Page-Step-5-Version-7.jpg\/v4-460px-Write-an-HTML-Page-Step-5-Version-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/11\/Write-an-HTML-Page-Step-5-Version-7.jpg\/v4-728px-Write-an-HTML-Page-Step-5-Version-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Füge den anfänglichen HTML Text des Dokuments ein:
    • <!DOCTYPE html>
    • <html>
    • <body>
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/32\/Write-an-HTML-Page-Step-6-Version-7.jpg\/v4-460px-Write-an-HTML-Page-Step-6-Version-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/32\/Write-an-HTML-Page-Step-6-Version-7.jpg\/v4-728px-Write-an-HTML-Page-Step-6-Version-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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>
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/64\/Write-an-HTML-Page-Step-7-Version-7.jpg\/v4-460px-Write-an-HTML-Page-Step-7-Version-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/64\/Write-an-HTML-Page-Step-7-Version-7.jpg\/v4-728px-Write-an-HTML-Page-Step-7-Version-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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> ).
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/69\/Write-an-HTML-Page-Step-8-Version-5.jpg\/v4-460px-Write-an-HTML-Page-Step-8-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/69\/Write-an-HTML-Page-Step-8-Version-5.jpg\/v4-728px-Write-an-HTML-Page-Step-8-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/21\/Write-an-HTML-Page-Step-9-Version-5.jpg\/v4-460px-Write-an-HTML-Page-Step-9-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/21\/Write-an-HTML-Page-Step-9-Version-5.jpg\/v4-728px-Write-an-HTML-Page-Step-9-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Du kannst so viele Überschriften und Absätze auf deiner Webseite haben, wie du möchtest.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/3a\/Write-an-HTML-Page-Step-10-Version-5.jpg\/v4-460px-Write-an-HTML-Page-Step-10-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/3a\/Write-an-HTML-Page-Step-10-Version-5.jpg\/v4-728px-Write-an-HTML-Page-Step-10-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d8\/Write-an-HTML-Page-Step-11-Version-5.jpg\/v4-460px-Write-an-HTML-Page-Step-11-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d8\/Write-an-HTML-Page-Step-11-Version-5.jpg\/v4-728px-Write-an-HTML-Page-Step-11-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/52\/Write-an-HTML-Page-Step-12-Version-5.jpg\/v4-460px-Write-an-HTML-Page-Step-12-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/52\/Write-an-HTML-Page-Step-12-Version-5.jpg\/v4-728px-Write-an-HTML-Page-Step-12-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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.
    Werbeanzeige
Methode 3
Methode 3 von 7:

Links einfügen

PDF download PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/cb\/Write-an-HTML-Page-Step-13-Version-5.jpg\/v4-460px-Write-an-HTML-Page-Step-13-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/cb\/Write-an-HTML-Page-Step-13-Version-5.jpg\/v4-728px-Write-an-HTML-Page-Step-13-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/24\/Write-an-HTML-Page-Step-14-Version-5.jpg\/v4-460px-Write-an-HTML-Page-Step-14-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/24\/Write-an-HTML-Page-Step-14-Version-5.jpg\/v4-728px-Write-an-HTML-Page-Step-14-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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).
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0c\/Write-an-HTML-Page-Step-15-Version-5.jpg\/v4-460px-Write-an-HTML-Page-Step-15-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0c\/Write-an-HTML-Page-Step-15-Version-5.jpg\/v4-728px-Write-an-HTML-Page-Step-15-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Tippe direkt vor das Wort oder den Satz, der ein Link werden soll, <a href=> ein.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/43\/Write-an-HTML-Page-Step-16-Version-5.jpg\/v4-460px-Write-an-HTML-Page-Step-16-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/43\/Write-an-HTML-Page-Step-16-Version-5.jpg\/v4-728px-Write-an-HTML-Page-Step-16-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/67\/Write-an-HTML-Page-Step-17-Version-5.jpg\/v4-460px-Write-an-HTML-Page-Step-17-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/67\/Write-an-HTML-Page-Step-17-Version-5.jpg\/v4-728px-Write-an-HTML-Page-Step-17-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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>
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c2\/Write-an-HTML-Page-Step-18-Version-5.jpg\/v4-460px-Write-an-HTML-Page-Step-18-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c2\/Write-an-HTML-Page-Step-18-Version-5.jpg\/v4-728px-Write-an-HTML-Page-Step-18-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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.
    Werbeanzeige
Methode 4
Methode 4 von 7:

Aufzählungszeichen einfügen

PDF download PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8d\/Write-an-HTML-Page-Step-19-Version-5.jpg\/v4-460px-Write-an-HTML-Page-Step-19-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8d\/Write-an-HTML-Page-Step-19-Version-5.jpg\/v4-728px-Write-an-HTML-Page-Step-19-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/bb\/Write-an-HTML-Page-Step-20-Version-5.jpg\/v4-460px-Write-an-HTML-Page-Step-20-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/bb\/Write-an-HTML-Page-Step-20-Version-5.jpg\/v4-728px-Write-an-HTML-Page-Step-20-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Tippe über der Stelle, an der die Aufzählungszeichen erscheinen sollen, <br> ein und drücke auf ↵ Enter .
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/42\/Write-an-HTML-Page-Step-21-Version-5.jpg\/v4-460px-Write-an-HTML-Page-Step-21-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/42\/Write-an-HTML-Page-Step-21-Version-5.jpg\/v4-728px-Write-an-HTML-Page-Step-21-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Tippe <li>Text</li> ein und drücke auf ↵ Enter . Ersetze dabei "Text" durch den Text deines Aufzählungszeichens.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/88\/Write-an-HTML-Page-Step-22-Version-5.jpg\/v4-460px-Write-an-HTML-Page-Step-22-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/88\/Write-an-HTML-Page-Step-22-Version-5.jpg\/v4-728px-Write-an-HTML-Page-Step-22-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Solange du die Tags <li></li> um Textzeilen herum verwendest, wird der Text zwischen den Tags als Aufzählungszeichen formatiert.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/65\/Write-an-HTML-Page-Step-23-Version-5.jpg\/v4-460px-Write-an-HTML-Page-Step-23-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/65\/Write-an-HTML-Page-Step-23-Version-5.jpg\/v4-728px-Write-an-HTML-Page-Step-23-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ad\/Write-an-HTML-Page-Step-24-Version-5.jpg\/v4-460px-Write-an-HTML-Page-Step-24-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ad\/Write-an-HTML-Page-Step-24-Version-5.jpg\/v4-728px-Write-an-HTML-Page-Step-24-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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.
    Werbeanzeige
Methode 5
Methode 5 von 7:

Bilder einfügen

PDF download PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b4\/Write-an-HTML-Page-Step-25-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-25-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b4\/Write-an-HTML-Page-Step-25-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-25-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Das Bild wird dort auf der Webseite angezeigt, wo du den Code für das Bild eingefügt hast.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a4\/Write-an-HTML-Page-Step-26-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-26-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a4\/Write-an-HTML-Page-Step-26-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-26-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9c\/Write-an-HTML-Page-Step-27-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-27-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9c\/Write-an-HTML-Page-Step-27-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-27-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Tippe nach <img src= ein und achte auf das Leerzeichen zwischen "img" und "src".
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/24\/Write-an-HTML-Page-Step-28-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-28-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/24\/Write-an-HTML-Page-Step-28-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-28-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Kopiere die URL für das Bild, das du einfügen möchtest, und füge es dann rechts neben dem source Tag ein.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/14\/Write-an-HTML-Page-Step-29-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-29-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/14\/Write-an-HTML-Page-Step-29-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-29-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Tippe style= ein und dann width:px;height:px .
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/14\/Write-an-HTML-Page-Step-30-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-30-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/14\/Write-an-HTML-Page-Step-30-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-30-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Tippe die Breite des Bilds in Pixeln nach "width:" ein und dann die Höhe des Bilds nach "height:".
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0d\/Write-an-HTML-Page-Step-31-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-31-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0d\/Write-an-HTML-Page-Step-31-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-31-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dies ist der Text, der angezeigt wird, wenn das Bild nicht geladen werden kann. Tippe dafür alt= ein und dann die Beschreibung.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a3\/Write-an-HTML-Page-Step-32-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-32-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a3\/Write-an-HTML-Page-Step-32-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-32-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Setze dafür eine spitze Klammer > nach dem letzten Zeichen in der alternativen Beschreibung.
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f2\/Write-an-HTML-Page-Step-33-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-33-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f2\/Write-an-HTML-Page-Step-33-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-33-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Er sollte so aussehen:
    • <img src=https://www.w3schools.com/w3css/img_fjords.jpg style=width:600px;height:400px alt=Fjord>
    Werbeanzeige
Methode 6
Methode 6 von 7:

Das Dokument unter Windows speichern

PDF download PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/58\/Write-an-HTML-Page-Step-34-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-34-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/58\/Write-an-HTML-Page-Step-34-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-34-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ein Dropdown-Menü wird eingeblendet.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8e\/Write-an-HTML-Page-Step-35-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-35-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8e\/Write-an-HTML-Page-Step-35-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-35-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/69\/Write-an-HTML-Page-Step-36-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-36-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/69\/Write-an-HTML-Page-Step-36-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-36-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Klicke links im Fenster auf einen Ordner (bspw. Desktop ).
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/94\/Write-an-HTML-Page-Step-37-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-37-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/94\/Write-an-HTML-Page-Step-37-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-37-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/30\/Write-an-HTML-Page-Step-38-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-38-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/30\/Write-an-HTML-Page-Step-38-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-38-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ein Dropdown-Menü wird eingeblendet.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d1\/Write-an-HTML-Page-Step-39-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-39-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d1\/Write-an-HTML-Page-Step-39-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-39-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1f\/Write-an-HTML-Page-Step-40-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-40-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1f\/Write-an-HTML-Page-Step-40-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-40-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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.
    Werbeanzeige
Methode 7
Methode 7 von 7:

Das Dokument auf einem Mac speichern

PDF download PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2f\/Write-an-HTML-Page-Step-41-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-41-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2f\/Write-an-HTML-Page-Step-41-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-41-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ein Dropdown-Menü wird eingeblendet.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f3\/Write-an-HTML-Page-Step-42-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-42-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f3\/Write-an-HTML-Page-Step-42-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-42-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Das Fenster mit den Einstellungen wird geöffnet.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/cb\/Write-an-HTML-Page-Step-43-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-43-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/cb\/Write-an-HTML-Page-Step-43-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-43-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9d\/Write-an-HTML-Page-Step-44-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-44-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9d\/Write-an-HTML-Page-Step-44-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-44-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dies findest du unter der Überschrift "Beim Speichern einer Datei".
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9c\/Write-an-HTML-Page-Step-45-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-45-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9c\/Write-an-HTML-Page-Step-45-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-45-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Klicke dafür oben links auf den roten Punkt.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f7\/Write-an-HTML-Page-Step-46-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-46-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f7\/Write-an-HTML-Page-Step-46-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-46-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/61\/Write-an-HTML-Page-Step-47-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-47-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/61\/Write-an-HTML-Page-Step-47-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-47-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/34\/Write-an-HTML-Page-Step-48-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-48-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/34\/Write-an-HTML-Page-Step-48-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-48-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/09\/Write-an-HTML-Page-Step-49-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-49-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/09\/Write-an-HTML-Page-Step-49-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-49-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  10. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/05\/Write-an-HTML-Page-Step-50-Version-2.jpg\/v4-460px-Write-an-HTML-Page-Step-50-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/05\/Write-an-HTML-Page-Step-50-Version-2.jpg\/v4-728px-Write-an-HTML-Page-Step-50-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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.
  11. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e1\/Write-an-HTML-Page-Step-51.jpg\/v4-460px-Write-an-HTML-Page-Step-51.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e1\/Write-an-HTML-Page-Step-51.jpg\/v4-728px-Write-an-HTML-Page-Step-51.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    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.
    Werbeanzeige

Tipps

  • Durch die Nutzung eines dedizierten Code-Editors wie bspw. Notepad++ (Windows) wird das Schreiben in HTML viel einfacher und intuitiver als mit Notepad oder TextEdit.
Werbeanzeige

Warnungen

  • Überprüfe deinen Code immer, bevor du ihn auf eine Live-Webseite hochlädst.
Werbeanzeige

Verwandte wikiHows

Eine Zeitverzögerung in eine Batch Datei einfügen
Mit der Windows Kommandozeile eine Python Datei ausführen
In HTML ein Bild zentrieren
Leerzeichen in HTML einfügen
Ein C Programm mit dem GNU Compiler (GCC) kompilieren
Eine einfache Webseite mit HTML gestalten
In HTML die Breite und Höhe eines Bilds festlegen
In HTML die Hintergrundfarbe festlegen
Eine HTML Datei ausführen
Ein eigenes Betriebssystem entwickeln
Ein Programm entwickeln
Einem Bild einen Link hinzufügen
Mit C programmieren lernen
DLL Dateien erstellen
Werbeanzeige

Über dieses wikiHow

In anderen Sprachen
Diese Seite wurde bisher 56.448 mal abgerufen.

War dieser Artikel hilfreich?

Werbeanzeige