Autor: hase aut

interne Links – HTML-TAG <a href Hier ist unser erster HTML-TAG, der nicht ohne Attribut auskommen kann. Schauen wir uns als erstes den kompletten Aufbau des HTML-Befehls für Hyperlinks an – wir wollen einen Link zur Seite UEbersicht HTML Befehle Der HTML-TAG a steht für das englische „anchor“ was „Anker, ankern, verankern“ bedeutet. Wir setzen…

  Dateinamen der Startdatei einer Domain   Die Startdatei solltest du „index.html“ nennen. Wird bei einer URL, was gerne gemacht wird, nur der Pfad angeben, sucht der Browser automatisch nach einer index.html. Findet er diese, was zu hoffen ist, wird diese Startseite angezeigt. Findet er diese Seite nicht, erhält der Nachfrager unter Umständen eine Auflistung…

  Durch Links wurde das WWW so groß und erfolgreich. Links (korrekt Hyperlinks, aber zu lang, um jedes Mal auszuschreiben 🙂 verweisen auf andere Seiten und mehr. Es gibt mehrere Arten von Links: Links innerhalb der Homepage Links auf andere Seiten im Internet Links mit E-Mail-Funktion Dabei kann das Aussehen der Links verschieden sein. Einerseits…

  Listen und Aufzählungen kommen laufend vor. Z.B. wenn du deine Interessen, Freund, Adressen usw. aufzählen willst. Listen mit Spiegelstrichen in HTML Jeder Punkt in Auflistung wird von dem HTML-TAG <li> umschlossen. Dabei steht <li> für englische „list item“ = Element der Liste. Erstellen wir für folgende 3 Aufzählungspunkte eine Liste – stell dir vor,…

  Warum überhaupt der Hinweis auf sauberen Code? Dafür gibt es einige Gründe: WYSIWYG-Editoren machen es nicht 🙂 Eine eventuelle Fehlersuche geht später schneller Nachträgliche Änderungen und Hinzufügen von Informationen ist problemlos du selber siehst deinen Fehler schneller dein Lehrer sieht gemachte Tippfehler schneller Diesen sauberen HTML-Code machst du eigentlich nur für dich. Dem Webbrowser…

  Unterstreichung von Text in HTML Nur der Vollständigkeit halber wird hier der TAG für unterstrichen aufgeführt. Dieser sollte nach Möglichkeit vermieden werden!!! Warum nicht einsetzen? – Als Standard für Links gilt der blau unterstrichene Text. Somit nehmen die meisten Besucher bei unterstrichenem Text an, dass es sich um einen Link handelt (auch wenn der Text nicht…

  Schachteln von HTML-TAGs TAGs verschachtelt Die TAGs können nun bunt gemischt werden – verschachtelt. Wollen Sie z. B. einen Text erst fett und dann noch kursiv darstellen, ist das jetzt kein Problem. Hier kommt nun <strong>fetter und <em>kursiver (schräger)</em></strong> Text Erstelle die Datei ./schachteln.htm, das Grundgerüst und ergänze das voranstehende Beispiel.   ÜbungHinweis: verschachteln ist durchaus…

  Texte mit HTML formatieren – fett, kursiv und Co Fett – hervorgehoben   Um wichtige Passagen oder Wörter hervorzuheben, können diese fett ausgegeben werden. Dafür gibt es 2 verschiedene Befehle. Einerseits steht dafür der TAG <b> zur Verfügung. Das b steht für das engl. bold = fett. Andererseits haben wir den HTML-TAG <strong> – engl. „überzeugend,…

  Grundgerüst einer HTML-Seite – DOCTYPE-Definition   Wie haben bisher mit den 2 HTML-TAGs bereits Inhalte ausgezeichnet, damit im Browserfenster dieser Inhalt angezeigt wird. Beispiel mit bisherigen HTML-TAGs <h1>HTML-Tutorial</h1>   <p>der erster Absatz …</p> Allerdings gibt es neben dem Inhalt, welchen man im Browserfenster sieht, weitere Informationen über jede Einzelseite. Zu diesen weiteren Informationen gehört…

  Texte formatieren – Überschrift in HTML HTML-TAGs für Überschriften stellen die grundlegendsten Gliederungsmöglichkeiten für Texte dar. Ein Text wird durch Einsatz der verschiedenen Überschriftengrade sauber strukturiert. Anhand von Überschriften wird Text gegliedert und strukturiert. Dabei sind wie in einem Fachbuch verschiedene Hierarchien (Wichtigkeit) von Überschriften möglich, z.B. Kapitelüberschrift, Abschnittsüberschriften usw. Wichtig ist der korrekte…

  Absätze erstellen – HTML-TAG <p> Ein wichtiger HTML-TAG ist der für Absätze. Ein Absatz hält einen Abstand zum nachfolgenden Element, was z.B. wieder ein Absatz oder z.B. eine Überschrift sein kann. Wie viel Abstand gehalten wird, interessiert hier nicht, da dies in den Bereich Design fällt und für Design nicht HTML sondern CSS zuständig…

  HTML-Grundlagen Was ist HTML?   HTML ist eine „Strukturierungssprache“, mit der dem Browser „gesagt“ wird, wie die Inhalte strukturiert sind: welche Bereiche (Buchstaben, Wörter, Sätze) z.B. Überschriften sind, was Absätze sind, was fett ausgegeben werden soll – HTML ist keine Programmiersprache – man beschreibt, wie eine Seite im Browser ausgegeben werden soll (nicht mehr,…

    erste eigene HTML-Seite erstellen Wir steigen hier ganz einfach ein. Dabei werden wir sehr schnell eine HTML-Seite entwerfen, die in einem Web-Browser angezeigt werden kann.Dabei werden die Beispiele am Anfang sehr einfach gehalten sein, damit ein grundlegendes Verständnis aufgebaut werden kann.  sehr einfache HTML-Seite erstellen Für das Grundverständnis legen wir nun eine Seite…