HTML

Aus AkiWiki

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
Zeile 5: Zeile 5:
  <html>
  <html>
  <head>
  <head>
 +
<title> Titel </title>
  </head>
  </head>
-
  <body>
+
  <body> Text </body>
-
</body>
+
  </html>
  </html>
-
=== Text und Textauszeichnung
+
=== Überschriften mit h1 - h6 ===
<h1 align="center">HTML - die Sprache des Web</h1>
<h1 align="center">HTML - die Sprache des Web</h1>
Zeile 21: Zeile 21:
<h5 align="center">HTML - die Sprache des Web</h5>
<h5 align="center">HTML - die Sprache des Web</h5>
-
 
+
<h6 align="center">HTML - die Sprache des Web</h6>
<h6 align="center">HTML - die Sprache des Web</h6>
 +
 +
=== Text und Textauszeichnung ===
 +
 +
<b>
 +
    Fette Schrift (Beispiel: fett).
 +
<i>
 +
    Kursive Schrift (Beispiel: Der schiefe Turm von Pisa).
 +
<tt>
 +
    Courier, also eine nicht-proportionale Schrift (Beispiel: Sehr geehrte Damen und Herren).
 +
 +
=== Vorformatierter Text ===
 +
 +
<pre>
 +
text
 +
</pre>
=== Zeilenumbrüche und Absätze ===
=== Zeilenumbrüche und Absätze ===
Zeile 36: Zeile 51:
  <img ...>
  <img ...>
 +
=== Sonderzeichen ===
-
== HTML Seminare bei der VHS ==
+
• Ellipse = Auslassungszeichen = …
-
HTML-Kurs [[Karl Dietz]] Dienstag, 28.10.08, 18.00 - 21.00 Uhr, VHS Unteres Remstal, Waiblingen
+
&hellip;
-
HTML-Kurs [[Karl Dietz]] Dienstag, 30.04.09, 18.00 - 21.00 Uhr, VHS Unteres Remstal, Waiblingen
+
• Gedankenstrich = Halbgeviert = –
-
.
+
&ndash;
-
== Archiv der HTML Seminare beim AKI ==
+
• An- und Abführungszeichen = „ und “
 +
&bdquo; und &rdquo;
-
546
+
http://webdesign.crissov.de/Typographie
-
WWW-Seiten mit [[HTML]] selbst gestalten
+
-
Samstag, 27.04.[[1996]], 10.00 - 17.00 Uhr, HBI
+
-
Referent Mario Werner, HBI
+
-
25 tln.
+
-
--
+
HTML-Zeichenreferenz in SelfHTML: http://selfhtml.teamone.de/html/referenz/zeichen.htm
-
577
+
.
-
Samstag, 23.11.[[1996]], 10.00 - 17.00 Uhr, HBI
+
-
WWW-Seiten mit [[HTML]] selbst gestalten
+
-
Referent Dipl.-Bibl. Mario Werner
+
-
--
+
== HTML via Wikipedia ==
-
604
+
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 z. B. ü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
-
WWW-Seiten mit [[HTML]] selbst gestalten
+
-
HyperText Markup Language (HTML) ist die Sprache des WWW, dem am schnellsten wachsenden Teil des Internet. Die meisten Online-Dienste bieten mittlerweile die Möglichkeit, eine eigene Homepage im Internet zu plazieren. Warum also nicht diese Chance nutzen und sich auf diese Weise das Internet zunutze machen?
+
http://de.wikipedia.org/wiki/Hypertext_Markup_Language
-
In diesem Seminar wird den Teilnehmern die Fähigkeit vermittelt, einfache HTML-Dokumente selbst zu gestalten.
+
-
Folgende Themen werden dabei behandelt:
+
-
* Aufbau von HTML-Dokumenten
+
.
-
* Grundlagen der Texterstellung mit HTML
+
-
* Textformatierung mit HTML
+
-
* Einbau von Bildern
+
-
* Erstellung eines Hypertextsystems durch Links
+
-
* Im Vordergrund des Seminars steht die praktische Arbeit am PC.
+
-
* Die Teilnehmer sollen über Windows-Grundkenntnisse verfügen und bereits im Internet gearbeitet haben.
+
-
Veranstaltungsart:
+
== SelfHTML ==
-
Ganztägiges Schulungsseminar, Demonstration, Praktische Übungen am PC
+
-
Referent:
+
-
Dipl.-Bibl. Thomas Jeswein
+
-
Institut für Auslandsbeziehungen (IfA), Stuttgart
+
-
Termin:
+
-
Samstag, 28. Juni [[1997]], 10.00 bis 17.00 Uhr
+
-
Ort:
+
-
Hochschule für Bibliotheks- und Informationswesen
+
-
Wolframstraße 32, 70191 Stuttgart
+
-
Räume des IT-Service, 2. OG
+
-
--
+
http://selfhtml.teamone.de
-
615
+
== SelfHTML als Buch ==
-
WWW-Seiten mit [[HTML]] selbst gestalten
+
-
HyperText Markup Language (HTML) ist die Sprache des WWW, dem am schnellsten wachsenden Teil des Internet. Die meisten Online-Dienste bieten mittlerweile die Möglichkeit, eine eigene Homepage im Internet zu plazieren. Warum also nicht diese Chance nutzen und sich auf diese Weise das Internet zunutze machen?
+
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 ...
-
In diesem Seminar wird den Teilnehmern die Fähigkeit vermittelt, einfache HTML-Dokumente selbst zu gestalten.
+
http://aktuell.de.selfhtml.org/weblog/schenk_kultur_verlage
-
Folgende Themen werden dabei behandelt:
+
.
-
* Aufbau von HTML-Dokumenten
+
.
-
* Grundlagen der Texterstellung mit HTML
+
-
* Textformatierung mit HTML
+
-
* Einbau von Bildern
+
-
* Erstellung eines Hypertextsystems durch Links
+
-
Im Vordergrund des Seminars steht die praktische Arbeit am PC. Die Teilnehmer sollen über Windows-Grundkenntnisse verfügen und bereits im Internet gearbeitet haben.
 
-
Veranstaltungsart:
+
== HTML Seminare bei der VHS ==
-
Ganztägiges Schulungsseminar, Demonstration, Praktische Übungen am PC
+
-
Referent:
+
-
Dipl.-Bibl. Thomas Jeswein, Institut für Auslandsbeziehungen (IfA), Stuttgart
+
-
Termin:
+
-
Samstag, 8. November [[1997]], 10.00 bis 17.00 Uhr
+
-
Ort:
+
-
Hochschule für Bibliotheks- und Informationswesen
+
-
Wolframstraße 32, 70191 Stuttgart
+
-
--
+
HTML-Kurs [[Karl Dietz]] Dienstag, 28.10.08, 18.00 - 21.00 Uhr, VHS Unteres Remstal, Waiblingen
-
642
+
HTML-Kurs [[Karl Dietz]] Dienstag, 30.04.09, 18.00 - 21.00 Uhr, VHS Unteres Remstal, Waiblingen
-
Internet-Seiten mit [[HTML]] selbst gestalten
+
-
HyperText Markup Language (HTML) ist die Sprache des WWW, dem am schnellsten wachsenden Teil des Internet. Die meisten Online-Dienste bieten mittlerweile die Möglichkeit, eine eigene Homepage im Internet zu plazieren. Warum also nicht diese Chance nu tzen und sich auf diese Weise das Internet zunutze machen?
+
.
-
In diesem Seminar wird den Teilnehmern die Fähigkeit vermittelt, einfache HTML-Dokumente selbst zu gestalten.
+
-
 
+
-
Folgende Themen werden dabei behandelt:
+
-
 
+
-
* Aufbau von HTML-Dokumenten
+
-
* Grundlagen der Texterstellung mit HTML
+
-
* Textformatierung mit HTML
+
-
* Einbau von Bildern
+
-
* Erstellung eines Hypertextsystems durch Links
+
-
 
+
-
Im Vordergrund des Seminars steht die praktische Arbeit am PC. Die Teilnehmer sollen über Windows-Grundkenntnisse verfügen und bereits im Internet gearbeitet haben.
+
-
 
+
-
Veranstaltungsart:
+
-
Ganztägiges Schulungsseminar, Demonstration, Praktische Übungen am PC
+
-
 
+
-
Referent:
+
-
Dipl.-Bibl. Thomas Jeswein
+
-
Institut für Auslandsbeziehungen (IfA), Stuttgart
+
-
eMail jeswein@ifa.de
+
-
 
+
-
Termin:
+
-
Samstag, 9. Mai [[1998]], 10.00 bis 17.00 Uhr
+
-
 
+
-
Ort:
+
-
Hochschule für Bibliotheks- und Informationswesen
+
-
Wolframstraße 32, 70191 Stuttgart
+
-
 
+
-
--
+
-
 
+
-
673 06.02.[[1999]]
+
-
Internet-Seiten mit [[HTML]] selbst gestalten
+
-
 
+
-
--
+
-
 
+
-
Samstag, 9. Juni [[2001]], 10-17 Uhr
+
-
[[HTML]]-Seminar für Einsteiger
+
-
Referent: Dipl.-Bibl. Thomas Jeswein
+
-
Ort: HBI Stuttgart, Wolframstr. 32
+
-
 
+
-
--
+
-
 
+
-
HTML I fuer Einsteiger am  12.10.[[2002]]
+
-
 
+
-
Die Hypertext Markup Language ist die Grundlage und Sprache des World
+
-
Wide Web. HTML ist einfach, überschaubar und schnell zu erlernen, und
+
-
man braucht nicht mehr als einen einfachen Texteditor, um funktionierenden
+
-
HTML-Code zu erzeugen. Inzwischen gibt es zwar Werkzeuge, z.B.
+
-
Dreamweaver, mit denen man Websites entwickeln kann, ohne dabei direkt
+
-
HTML-Code zu schreiben. Die Benutzung solcher Werkzeuge und das
+
-
Verständnis für ihre vielen Funktionalitäten wird jedoch weitaus effektiver
+
-
und professioneller sein, wenn Sie mehr über die Hypertext Markup
+
-
Language wissen.
+
-
 
+
-
Seminarziele:
+
-
In diesem Seminar werden Sie lernen, eine einfache Website zu entwickeln
+
-
und zu organisieren. Sie werden den Aufbau und die Syntax der Sprache
+
-
HTML erlernen, die wichtigsten Befehle beherrschen und schliesslich die
+
-
verschiedenen Darstellungsmöglichkeiten der aktuellen Browser kennen
+
-
lernen.
+
-
 
+
-
Zielgruppe:
+
-
Dieses Seminar richtet sich an Personen, die funktionierende und funktionelle
+
-
Websites erstellen und pflegen wollen, und dazu grundlegende Kenntnisse in
+
-
HTML benötigen.
+
-
 
+
-
Voraussetzungen:
+
-
Kenntnisse in Microsoft Windows 95 oder höher sind von Vorteil.
+
-
 
+
-
Seminaraufbau:
+
-
Das Seminar besteht aus acht Blöcken, die je nach Kenntnisstand der
+
-
Teilnehmer und Schwierigkeitsgrad des Stoffes intensiver oder weniger
+
-
intensiv behandelt und geübt werden.
+
-
 
+
-
 
+
-
* HTML-Syntax
+
-
* Text- und Absatzformatierungen
+
-
* Erstellung von Listen und Menüs
+
-
* Einbettung von Hyperlinks und dateiinterner Anker
+
-
* Arbeit mit Bildern: Grafikformate, Image Maps, Animationen
+
-
* Erstellung von Laufschriften
+
-
* Arbeit mit Tabellen
+
-
* Struktur eines HTML-Dokuments
+
-
 
+
-
Methode:
+
-
Im Vordergrund des Seminars steht die praktische Arbeit am PC. Jeder
+
-
Unterrichtsblock besteht aus einer Einleitung, Übungsaufgaben und freiem
+
-
Entwickeln einer Website. Dabei soll in Einzel- und Gruppenarbeit der
+
-
Webauftritt eines fiktiven Schuhgeschäfts realisiert werden.
+
-
 
+
-
HTML II ist im Nov. 2002
+
.
.
Zeile 223: Zeile 109:
1109
1109
-
 
-
.
 
http://www.inf.hs-anhalt.de/html/einfuehr.htm
http://www.inf.hs-anhalt.de/html/einfuehr.htm
Zeile 231: Zeile 115:
.
.
-
 
-
== Sonderzeichen ==
 
-
 
-
 
-
• Ellipse = Auslassungszeichen = …
 
-
 
-
&hellip;
 
-
 
-
• Gedankenstrich = Halbgeviert = –
 
-
 
-
&ndash;
 
-
 
-
• An- und Abführungszeichen = „ und “
 
-
 
-
&bdquo; und &rdquo;
 
-
 
-
http://webdesign.crissov.de/Typographie
 
-
 
-
0307
 
-
 
-
.
 
-
 
-
== HTML 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 z. B. ü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
 
-
 
-
0907 via http://de.wikipedia.org/wiki/Hypertext_Markup_Language
 
-
 
-
.
 
-
 
-
== SelfHTML ==
 
-
 
-
http://selfhtml.teamone.de - typ: bestof. -dz 2605 1511
 
-
 
-
HTML-Zeichenreferenz in SelfHTML: http://selfhtml.teamone.de/html/referenz/zeichen.htm
 
.
.
Zeile 281: Zeile 130:
aus: http://netzwelt.gaming-hut.de/sections.php?op=viewarticle&artid=31
aus: http://netzwelt.gaming-hut.de/sections.php?op=viewarticle&artid=31
-
 
-
.
 
-
 
-
== 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
 
-
 
-
i. 2811-2005 k.
 
.
.

Version vom 25. Oktober 2008, 00:23 Uhr

Inhaltsverzeichnis

Kurs

Aufbau einer HTML-datei 

<html>
<head>
<title> Titel </title>
</head>
<body> Text </body>
</html>

Überschriften mit h1 - h6

HTML - die Sprache des Web

HTML - die Sprache des Web

HTML - die Sprache des Web

HTML - die Sprache des Web

HTML - die Sprache des Web
HTML - die Sprache des Web

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

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

.

HTML 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 z. B. ü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

.

SelfHTML

http://selfhtml.teamone.de

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

.

.

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

.

Von „http://wiki.aki-stuttgart.de/mediawiki/index.php/HTML“
Meine Werkzeuge