HTML

Aus AkiWiki

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
Zeile 1: Zeile 1:
-
== Kurs ==
+
== 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
 +
 
 +
== VHS-termin am 28. Oktober 2008 ==
=== Aufbau einer HTML-datei ===
=== Aufbau einer HTML-datei ===
Zeile 11: Zeile 17:
=== Überschriften mit h1 - h6 ===
=== Überschriften mit h1 - h6 ===
 +
 +
<pr>
<h1 align="center">HTML - die Sprache des Web</h1>
<h1 align="center">HTML - die Sprache des Web</h1>
Zeile 23: Zeile 31:
   
   
<h6 align="center">HTML - die Sprache des Web</h6>
<h6 align="center">HTML - die Sprache des Web</h6>
 +
 +
</pre>
=== Text und Textauszeichnung ===
=== Text und Textauszeichnung ===
Zeile 41: Zeile 51:
=== Zeilenumbrüche und Absätze ===
=== Zeilenumbrüche und Absätze ===
-
<br>
+
<pre>
-
  <p>
+
<br> - Zeilenumbruch
 +
 
 +
  <p> - Absatz
 +
 
 +
</pre>
=== Einbinden von Links und Fotos ===
=== Einbinden von Links und Fotos ===
Zeile 68: Zeile 82:
HTML-Zeichenreferenz in SelfHTML: http://selfhtml.teamone.de/html/referenz/zeichen.htm  
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
 
.
.
Zeile 92: Zeile 98:
.
.
-
 
== HTML Seminare bei der VHS ==
== HTML Seminare bei der VHS ==
Zeile 113: Zeile 118:
0207
0207
-
 
-
.
 
.
.

Version vom 25. Oktober 2008, 16:58 Uhr

Inhaltsverzeichnis

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

VHS-termin am 28. Oktober 2008

Aufbau einer HTML-datei

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

Überschriften mit h1 - h6

<pr>

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

</pre>

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

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

.

Meine Werkzeuge