 |
 |
|
 |
|
|
| Letzte Beiträge |
| Die Klimalüge CO2Sehr geehrte Damen und Her ren. Meine ... |
| Volumenausdehnung be...Hallo da draußen,
ich h abe folgendes ... |
| Osterrätsel der Fran...Hallo, ich hab' mich leide r mit meinere ... |
| was ist denn mit dem...Hallo,
der Song heißt Cal istan "... |
| Strichcode entschlüs...Hallo benni,
ich stehe gerade vor dem... |
| Lust auf Focus Rätse...Hallo,
an alle Spezialist en dieses Räts... |
| ErdölServus,
Erdöl hat keine Formel, da es... |
| Frage an die Student...Hallo,
im Prinzip ist das eine gute Ide... |
| CO2 chemische Trennu...Hallo .......
CO2 in der Luft wird begr... |
| IGBT ansteuerschaltu...Guten Tag,
Wer weiss lief ert eine funk... |
Hypertext Markup Language | |||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||
| Inhaltsverzeichnis |
|
Namensgebend sind die Hypertext-Elemente, die zu dem Verweis auf andere Textstellen oder auf ein anderes Dokument dienen. Zur Adressierung anderer Dokumente in dem Internet werden innerhalb des Dokumentes Hyperlinks benutzt. Dies ist die Grundlage für das WWW. Die Programme, die die Struktur und den logischen Aufbau des Dokuments interpretieren und als formatierte Webseiten (eventuell mit Interaktionselementen wie Links oder Formularen) darstellen, werden Webbrowser genannt. Dem Text wird durch Auszeichnung (engl. markup) von Textteilen mit in der Regel paarweisen (öffnenden und schließenden) Tags eine Struktur verliehen. Die jeweils zusammengehörenden Tags bilden ein Element. Diese Elemente lassen sich nach Regeln, die in einer Dokumenttypdefinition (DTD) angegeben sind, verschachteln:
Neben Elementen mit Start- und End-Tag gibt es auch leere Elemente, wie etwa Zeilenumbrüche oder Bilder:
Dabei sind diese Tags keine Präsentations-Befehle (obwohl das in Zeiten von HTML 3.2 so war), die dem interpretierenden Webbrowser mitteilen, er müsse beispielsweise bis zu dem Auftreten des Endtags alles in Fettschrift setzen, sondern eine strukturgebende Auszeichnung, deren Repräsentation von der Umgebung abhängig ist. Obwohl HTML-Dokumente in der Regel auf Computerbildschirmen dargestellt werden, kann man sie auch auf anderen Medien ausgeben lassen, etwa auf Papier oder als Sprachausgabe. Auf die Präsentation in verschiedenen Medien sollte mit HTML kein Einfluss genommen werden, dazu eignet sich CSS vorzüglich. Daher sollten Elemente und Attribute zur Präsentation, wie Buch-Tipp: HTML Handbuch. Studienausgabe. (Franzis Professional Series) für Anfänger und Fortgeschrittene Vom vermittelten Wissen insgesamt ist das Buch top. Allerdings ist es sehr unhandlich, das kann man nicht mal eben in der Bahn lesen. Die DVD ist recht praktisch; auch wenn einige Programme "nur" Demoversionen sind, kann man immerhin einmal hinein schauen und auch ohne Internetverbindung direkt loslegen und das... |
|
Buch-Tipp: HTML mit CSS und XHTML von Kopf bis Fuß Sehr empfehlenswert!! Bevor ich mir das Buch zugelegt habe, hatte ich zwar schon einige Kenntnisse in HTML, die aber für professionelle Seiten nicht augereicht hätte, darum war ein Referenzhandbuch nicht das Richtige, ich brauchte also etwas mit dem ich meine Kenntnisse professionalisieren konnte, und die Grundkenntnisse auffrischen konnte.
Das... |
|
Ein HTML-Dokument besteht aus drei Bereichen:
Somit sieht die Grundstruktur einer Webseite wie folgt aus: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Titel der Webseite</title>
Evtl. weitere Kopfinformationen
</head>
<body>
Inhalt der Webseite
</body>
</html>
Buch-Tipp: HTML. Von der Baustelle bis JavaScript. Sehr Gutes Buch Obwohl ich schon vorher etwas über HTML gelernt habe, habe ich dennoch etwas dazugelernt.
Ich finde es ist ein sehr gutes Buch, welches sehr gut für Anfänger ist, da alles gut erklärt ist, zu jedem Thema eine Zusammenfassung vorliegt und Aufgaben zu dem jeweiligem Thema enthalten sind, aber auch gut für Fortgeschrittene, da alles... |
|
Im Kopf können sieben verschiedene Elemente angewandt werden:
Buch-Tipp: Homepages mit HTML und CSS. Beispiele und Workshops Es gibt leider keine Beschreibung für das Buch "Homepages mit HTML und CSS. Beispiele und Workshops". Um weitere Informationen zu diesem Buch zu finden klicken Sie bitte auf den Link oberhalb von diesem Text. Sie werden automatisch zum Buchhändler weiter geleitet. |
|
Eine Hauptüberschrift wird so ausgezeichnet: <h1>Hauptüberschrift</h1>
Diese Auszeichnung wird nun als Hauptüberschrift interpretiert. Weiter möglich sind Hyperlinks: <a href="http://www.example.com/">Gehe zu example.com</a> Hier wird auf die Ressource http://www.example.com/ verwiesen. Der Text Gehe zu example.com wird dabei als Link dargestellt. Die logische Beschreibung der Struktur des Textes vereinfacht es zu dem Beispiel, dass der Text auch einem Sehbehinderten vorgelesen oder als Brailleschrift ausgegeben werden kann. Auch für Suchmaschinen ist das von Vorteil, um HTML-Dateien möglichst sinnentnehmend auszuwerten. Zur Logik stehen zu dem Beispiel die Elemente strong { font-weight: bold }
em { font-style: italic }
die für den Inhalt von Buch-Tipp: Jetzt lerne ich HTML . Der einfache Einstieg in die eigene Website Schöne Einführung für Anfänger Mit diesem Buch ist es mir sehr leicht gefallen, die ersten Schritte in html zu gehen. Alles ist einfach nachzuvollziehen. Auch zu CSS gibt es ein Kapitel. Den Schreibstil fand ich sehr angenehm, da nicht so trocken. Auch einige allgemeine Hinweise und Tipps zu dem Thema sind enthalten, die das Einsteigerwissen abrunden.... |
|
Beim Entwurf der letzten HTML-Version 4 sollte der Tatsache, dass in viele Webdokumenten noch präsentationsbehaftete Elemente und Attribute eingesetzt werden, Rechnung getragen, aber auch eine stilistisch saubere DTD angeboten werden. Das Ergebnis waren schließlich drei Varianten: Buch-Tipp: Little Boxes. Webseiten gestalten mit CSS. Grundlagen Hervorragender Einstieg in HTML und CSS Dieses Buch bietet einen hervorragenden Einstieg in die Welt der CSS. Es ist verständlich geschrieben, mit einfachen Beispielen zu dem Üben und Nachvollziehen, und behandelt soweit ich das beurteilen kann alle für einen Anfänger relevanten Punkte.
Sehr erfreut hat mich das Kapitel über die Grundlagen von... |
|
Diese DTD-Variante war ursprünglich vorgesehen, wurde aber zugunsten der Abwärtskompatibilität fallen gelassen. Es fehlen die meisten Elemente und Attribute zur Beeinflussung der Präsentation (Auszeichnungselemente) und die Syntax muss wohlgeformt sein. Das bedeutet, dass jedes öffnende Element (Tag) ein schließendes Element besitzen muss, die Elementreihenfolge muss beachtet werden und Text muss sich grundsätzlich innerhalb eines Containers befinden. Beispielsweise ist Text, der sich frei zwischen den body-Elementen befindet, nicht mehr erlaubt. Diese Restriktionen sind für die Angleichung an XML notwendig und bilden die Grundlage für XHTML. Buch-Tipp: XML. Extensible Markup Language von Anfang an. Sehr gute verständliche Einführung Ein wirklich gelungenes Buch. Es macht Spass damit zu arbeiten.
Den Autor sollte man sich merken. |
|
Die Variante, die noch ältere Elemente und Attribute enthält, die auch physisches Markup ermöglichen. Durch diese DTD soll auch Webautoren, die noch nicht auf Trennung von Textauszeichnung und Präsentation umgestellt haben, die Möglichkeit gegeben werden, standardkonformes HTML zu schreiben und soll sicherstellen, dass bestehende nicht standardkonforme Webseiten weitherhin durch aktuelle Webbrowser angezeigt werden können. Buch-Tipp: XSLT und XPath für HTML, Text und XML. Ein gutes Buch Ich meine, es ist ein gutes Buch; teilweise hochklassig. Die Autoren scheinen Spezialisten in dem software-Bereich zu sein. Sie sind sehr kenntnisbewand.
Ihre etwas verwickelte Ausdrucksweise ist für mich eher ein Zeichen, dass sie sich der softwareentwicklung und IT voll und ganz verschrieben haben. |
|
Diese Variante enthält zusätzlich zu allen Elementen der Transitional-Variante noch die Elemente für die Erzeugung von Framesets. Bei der Verwendung sollte man sich aber an der Strict-Variante orientieren. |
|
Selbige war und ist ein Ärgernis für Webautoren. Auch wenn man standardkonformes HTML schreibt, ist noch lange nicht gewährleistet, dass die entstandenen Webdokumente in den gängigen grafischen Webbrowsern richtig dargestellt werden. Hierbei ist zwar zu beachten, dass eine Anpassung von HTML-Dokumenten an die Gegebenheiten auf der Leserseite durchaus von Vorteil und auch gewollt ist, aber häufig kommt es auch zu wirklichen Falsch-Interpretationen. Durch die wohlüberlegte Verwendung von strukturierendem und logischem HTML kann gewährleistet werden, dass ein Webdokument unter allen Umständen immerhin grundlegend zugänglich und nutzbar ist. Wer aber auf eine bestimmte Präsentation seiner Inhalte Wert legt, wird finden, dass es häufig noch an der CSS-Interpretation scheitert. Gerade der am weitesten verbreitete Webbrowser, der (Internet Explorer) ist zwar sehr gutmütig und lässt so manchen Fehler durchgehen, hat aber in CSS-Belangen einige Defizite, welchen Rechnung zu tragen ist. Die Neuentwicklungen aus der Gecko-Engine (Mozilla, Mozilla Firefox, Netscape Navigator, ...), der KHTML-Engine (Konqueror, Safari) sowie aus dem Hause Opera haben hier am wenigsten Probleme, sind aber auch weniger fehlertolerant. Wenn einem Webautor also wichtig ist, dass Webdokumente immerhin in den gängigen grafischen Webbrowsern konsistent dargestellt werden, kommt er nicht umhin, seine Erzeugnisse in diesen ausgiebig zu testen. |
|
HTML ist keine Seitenbeschreibungssprache wie etwa Postscript, da keine Seiten beschrieben werden, sondern Text strukturell und logisch ausgezeichnet wird. Daher ist HTML eine Auszeichnungssprache und wird als solche auch nicht programmiert, gescriptet oder gecodet. HTML wird schlicht geschrieben. Ein ähnliches Konzept (logische Beschreibung) wie hinter HTML steht hinter dem Satzsystem TeX/LaTeX, das in dem Unterschied zu HTML jedoch auf die Ausgabe per Drucker auf Papier Absichtt. |
|
Im Laufe der Jahre ist HTML um Elemente erweitert worden, die sich (fast nur) mit der Gestaltung des Dokuments beschäftigen, was der ursprünglichen Idee der Systemunabhänigkeit entgegen lief. Dazu gehören die Möglichkeiten Seiten dynamisch zu verändern, z. B. mittels JavaScript. Man spricht dann von DHTML (Dynamic HTML). Da diese Möglichkeiten von den Browser-Herstellern (allen voran Microsoft und Netscape) entwickelt wurden, gibt es erhebliche Probleme mit der Interpretation der Elemente zwischen den verschiedenen Browsern. Eine Rückbesinnung auf die Trennung von Inhalt (Struktur) und Layout wurde durch die Definition der Cascading Style Sheets (CSS) vorgenommen. So soll das Aussehen des Dokuments in einer separaten Datei (dem sog. Style Sheet) festgelegt werden. Dies ermöglicht es viel besser das Layout an das Ausgabegerät (oder spezielle Bedürfnisse, z.B. von Sehbehinderten) anzupassen. Diese Vorgabe wird allerdings nicht konsequent umgesetzt. Als zukünftiges universelles Format wird zunehmend XML (eXtensible Markup Langugage), ein selbstbeschreibendes Datenmodell eingesetzt. Dieses arbeitet ebenfalls mit Tags, die jedoch per DTD (Document Type Definition) sehr restriktiv eingesetzt werden können. Zur Umwandlung von in XML gehaltenen Daten in die entsprechenden „Anzeigeformate“ kann XSL benutzt werden, eine Style-Sheet-Sprache zur Transformation z.B. nach XHTML.
|
|
SELFHTML (http://de.selfhtml.org/) ist ein deutschsprachiges und sehr umfangreiches Projekt, das für viele Themen rund um HTML Referenzmaterial bietet. Die Lektüre einer modernen linearen Einführung (siehe Weblinks) und die Handarbeit direkt in einem Texteditor ist empfehlenswert, um HTML richtig zu verstehen und voll auszunutzen. Für schnelle Arbeiten mag die Arbeit in einem grafischen (so genannten WYSIWYG-Editor) zunächst genügen, allerdings produzieren diese Editoren häufig einen HTML-Code, der die optischen Vorstellungen widerspiegelt. Strukturelle und logische Informationen, die dem Text erst einen echten Mehrwert geben, lassen sich ca. einsetzen, wenn man HTML hinreichend gut verstanden hat. Hinzu kommt, dass diese Editoren gelegentlich ungültiges HTML produzieren, was die Darstellung des Dokuments von der Fehlertoleranz des Webbrowsers abhängig macht. Professionelle Webgestalter benutzen visuelle HTML-Editoren daher häufig nur, um das Grundgerüst von Webseiten zu erstellen und optimieren den Code danach manuell. |
|
|
Dieser Artikel ist Teil des WikiReader Internet. Dies bedeutet, dass die Definition regelmäßig überprüft und zusammen mit anderen Beschreibungen in ein PDF eingearbeitet wird. Es existiert auch eine gedruckte Ausgabe.
|
| ||||||||