HTML
Aus AkiWiki
Fokus (Diskussion | Beiträge) |
Fokus (Diskussion | Beiträge) (goldhtml) |
||
Zeile 5: | Zeile 5: | ||
http://de.wikipedia.org/wiki/Hypertext_Markup_Language | http://de.wikipedia.org/wiki/Hypertext_Markup_Language | ||
- | == | + | == HTML - die Sprache des Internet - 28. Oktober in Waiblingen == |
- | + | Hypertext Markup Language ([[HTML]]) ist die Sprache | |
+ | des Internet, genauer des World Wide Web. | ||
+ | In diesem Seminar wird die Fähigkeit vermittelt, | ||
+ | HTML-Dokumente zu verstehen (Header, Body, | ||
+ | Meta Tags) und einfache HTML-Dokumente selbst | ||
+ | zu erstellen und zu formatieren. | ||
+ | Vorkenntnisse: Interneteinführungskurs | ||
+ | Referent: [[Karl Dietz]] | ||
+ | |||
+ | Dienstag, 28.10.08, 18.00 - 21.00 Uhr, [[VHS Unteres Remstal]], Waiblingen | ||
+ | |||
+ | |||
+ | == Aufbau einer HTML-datei == | ||
<html> | <html> | ||
Zeile 16: | Zeile 28: | ||
</html> | </html> | ||
- | + | == Überschriften mit h1 - h6 == | |
- | < | + | <pre> |
<h1 align="center">HTML - die Sprache des Web</h1> | <h1 align="center">HTML - die Sprache des Web</h1> | ||
Zeile 34: | Zeile 46: | ||
</pre> | </pre> | ||
- | + | == Text und Textauszeichnung == | |
<b> | <b> | ||
- | Fette Schrift (Beispiel: fett) | + | Fette Schrift (Beispiel: fett) </b> |
<i> | <i> | ||
- | Kursive Schrift (Beispiel: Der schiefe Turm von Pisa) | + | Kursive Schrift (Beispiel: Der schiefe Turm von Pisa) </i> |
<tt> | <tt> | ||
- | Courier, also eine nicht-proportionale Schrift (Beispiel: Sehr geehrte Damen und Herren) | + | Courier, also eine nicht-proportionale Schrift (Beispiel: Sehr geehrte Damen und Herren) </tt> |
- | + | == Vorformatierter Text == | |
<pre> | <pre> | ||
Zeile 49: | Zeile 61: | ||
</pre> | </pre> | ||
- | + | == Zeilenumbrüche und Absätze == | |
<pre> | <pre> | ||
Zeile 59: | Zeile 71: | ||
</pre> | </pre> | ||
- | + | == Einbinden von Links und Fotos == | |
<a href=" ... </a> | <a href=" ... </a> | ||
Zeile 65: | Zeile 77: | ||
<img ...> | <img ...> | ||
- | + | == Sonderzeichen == | |
• Ellipse = Auslassungszeichen = … | • Ellipse = Auslassungszeichen = … | ||
Zeile 85: | Zeile 97: | ||
. | . | ||
- | == SelfHTML == | + | == SelfHTML online / SelfHTML als Buch == |
http://selfhtml.teamone.de | http://selfhtml.teamone.de | ||
- | + | . | |
Der IT-Fachverlag Addison-Wesley und Stefan Münz, der Initiator und Autor von SelfHTML machen allen an Webentwicklung Interessierten ein tolles Geschenk: Münz' Buch "Professionelle Websites" gibt es als kostenlosen Download ... | Der IT-Fachverlag Addison-Wesley und Stefan Münz, der Initiator und Autor von SelfHTML machen allen an Webentwicklung Interessierten ein tolles Geschenk: Münz' Buch "Professionelle Websites" gibt es als kostenlosen Download ... | ||
- | |||
http://aktuell.de.selfhtml.org/weblog/schenk_kultur_verlage | http://aktuell.de.selfhtml.org/weblog/schenk_kultur_verlage | ||
- | |||
- | |||
. | . | ||
Zeile 104: | Zeile 113: | ||
HTML-Kurs [[Karl Dietz]] Dienstag, 30.04.09, 18.00 - 21.00 Uhr, VHS Unteres Remstal, Waiblingen | HTML-Kurs [[Karl Dietz]] Dienstag, 30.04.09, 18.00 - 21.00 Uhr, VHS Unteres Remstal, Waiblingen | ||
- | |||
- | |||
. | . | ||
Zeile 118: | Zeile 125: | ||
0207 | 0207 | ||
+ | |||
+ | http://www.karzauninkat.com/Goldhtml/ | ||
+ | |||
+ | 2610 | ||
. | . |
Version vom 26. Oktober 2008, 16:37 Uhr
HTML - Infos via Wikipedia
Die Hypertext Markup Language (HTML, dt. Hypertext-Auszeichnungssprache), oft auch kurz als Hypertext bezeichnet, ist eine textbasierte Auszeichnungssprache zur Strukturierung von Inhalten wie Texten, Bildern und Hyperlinks in Dokumenten. HTML-Dokumente sind die Grundlage des World Wide Web und werden von einem Webbrowser dargestellt. Neben den vom Browser angezeigten Inhalten einer Webseite enthält HTML zusätzliche Angaben in Form von Metainformationen, die zB über die im Text verwendete Sprache oder den Autor Auskunft geben oder den Inhalt des Textes zusammenfassen. Die Auszeichnungssprache wurde vom World Wide Web Consortium (W3C) bis Version 4.01 weiterentwickelt
http://de.wikipedia.org/wiki/Hypertext_Markup_Language
HTML - die Sprache des Internet - 28. Oktober in Waiblingen
Hypertext Markup Language (HTML) ist die Sprache des Internet, genauer des World Wide Web. In diesem Seminar wird die Fähigkeit vermittelt, HTML-Dokumente zu verstehen (Header, Body, Meta Tags) und einfache HTML-Dokumente selbst zu erstellen und zu formatieren. Vorkenntnisse: Interneteinführungskurs Referent: Karl Dietz
Dienstag, 28.10.08, 18.00 - 21.00 Uhr, VHS Unteres Remstal, Waiblingen
Aufbau einer HTML-datei
<html> <head> <title> Titel </title> </head> <body> Text </body> </html>
Überschriften mit h1 - h6
<h1 align="center">HTML - die Sprache des Web</h1> <h2 align="center">HTML - die Sprache des Web</h2> <h3 align="center">HTML - die Sprache des Web</h3> <h4 align="center">HTML - die Sprache des Web</h4> <h5 align="center">HTML - die Sprache des Web</h5> <h6 align="center">HTML - die Sprache des Web</h6>
Text und Textauszeichnung
Fette Schrift (Beispiel: fett) Kursive Schrift (Beispiel: Der schiefe Turm von Pisa) Courier, also eine nicht-proportionale Schrift (Beispiel: Sehr geehrte Damen und Herren)
Vorformatierter Text
text
Zeilenumbrüche und Absätze
<br> - Zeilenumbruch <p> - Absatz
Einbinden von Links und Fotos
<a href=" ... </a>
<img ...>
Sonderzeichen
• Ellipse = Auslassungszeichen = …
…
• Gedankenstrich = Halbgeviert = –
–
• An- und Abführungszeichen = „ und “
„ und ”
http://webdesign.crissov.de/Typographie
HTML-Zeichenreferenz in SelfHTML: http://selfhtml.teamone.de/html/referenz/zeichen.htm
.
SelfHTML online / SelfHTML als Buch
.
Der IT-Fachverlag Addison-Wesley und Stefan Münz, der Initiator und Autor von SelfHTML machen allen an Webentwicklung Interessierten ein tolles Geschenk: Münz' Buch "Professionelle Websites" gibt es als kostenlosen Download ... http://aktuell.de.selfhtml.org/weblog/schenk_kultur_verlage
.
HTML Seminare bei der VHS
HTML-Kurs Karl Dietz Dienstag, 28.10.08, 18.00 - 21.00 Uhr, VHS Unteres Remstal, Waiblingen
HTML-Kurs Karl Dietz Dienstag, 30.04.09, 18.00 - 21.00 Uhr, VHS Unteres Remstal, Waiblingen
.
HTML Einführungen
http://www.lerneniminternet.de/htm/html_lernen_g.html
1109
http://www.inf.hs-anhalt.de/html/einfuehr.htm
0207
http://www.karzauninkat.com/Goldhtml/
2610
.
img
Das <img> Tag zum Einfügen eines Bildes in (X)HTML kann mittels einiger Attribute mit Textinformationen über das Bild versehen werden.
alt: ein <img src="monalisa.gif" alt="Mona Lisa "> fügt einen sogenannten Alternativtext ein. Dieser wird angezeigt falls das Bild nicht geladen werden kann, etwa wenn die referenzierte Bilddatei nicht existiert. Diese Angabe ist Pflicht. Für unbedeutende Bilder wie etwa einem Spacer-GIF kann alt="" angegeben werden, dann wird nichts angezeigt.
title: ein <img src="monalisa.gif" title="Picasso hat dieses Bild um 1503 gemalt"> Öffnet ein Tooltip mit dem Titel wenn man den Mauszeiger auf das Bild bewegt (title kann auch bei Links eingesetzt werden, wie bei diesem hier).
longdesc: <img src="monalisa.gif" longdesc="beschreibung.htm"> verlinkt auf ein externes Dokument mit einer Beschreibung des Bildes. Ein besonders wichtiges Bild, wie beispielsweise ein Diagramm, kann manchmal nur schlecht mit ein paar Worten beschrieben werden. Hier kann es in einem eigenen Dokument ausführlich beschrieben werden. Blinden Menschen werden auf diese Art Grafiken zugänglich gemacht. Die Robots der Suchmaschinen sind übrigens auch "blind" und ignorieren Grafiken ohne alt, title oder longdesc.
aus: http://netzwelt.gaming-hut.de/sections.php?op=viewarticle&artid=31
.