HTML

Aus AkiWiki

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
(am 28.1.0. in WN)
(→robots.txt: ==HTML for Babies: Volume 1 of Web Design for Babies== It's never too early to be standards compliant! Show your little ones HTML markup code along with letter forms to get them star)
 
(Der Versionsvergleich bezieht 313 dazwischenliegende Versionen mit ein.)
Zeile 1: Zeile 1:
-
== HTML ==
+
== HTML - die Sprache des Internet ==
-
HTML-Kurs [[Karl Dietz]] Dienstag, 28.10.08, 18.00 - 21.00 Uhr, [[VHS Unteres Remstal]], 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.
 +
 
 +
 
 +
 
 +
== 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
 +
 
 +
http://de.wikipedia.org/wiki/Kategorie:HTML
.
.
-
== HTML beim AKI ==
+
== Aufbau einer HTML-datei ==
 +
<html>
 +
<head>
 +
<title> Titel </title>
 +
<meta name=" ...>
 +
</head>
 +
<body> Text </body>
 +
</html>
-
546
+
.
-
WWW-Seiten mit [[HTML]] selbst gestalten
+
-
Samstag, 27.04.[[1996]], 10.00 - 17.00 Uhr, HBI
+
-
Referent Mario Werner, HBI
+
-
25 tln.
+
-
--
+
== Seitenquelltext ansehen ==
-
577
+
Im Browser clicken auf: ANSICHT
-
Samstag, 23.11.[[1996]], 10.00 - 17.00 Uhr, HBI
+
Dann auf: Seitenquelltext ansehen
-
WWW-Seiten mit [[HTML]] selbst gestalten
+
-
Referent Dipl.-Bibl. Mario Werner
+
-
--
+
Auskommentierten Text einsehen
-
604
+
zB
-
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?
+
<!-- <img src="http://www.ekz.de/fileadmin/ekz/cms_old/DBImages/full/748.gif" border="0" width=150 hight=50></a><br> -->
-
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
 
-
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
 
-
--
+
== Überschriften in HTML mit h1 - h6 ==
-
615
+
<pre>
-
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?
+
<h1 align="center">HTML - die Sprache des Web</h1>
-
In diesem Seminar wird den Teilnehmern die Fähigkeit vermittelt, einfache HTML-Dokumente selbst zu gestalten.
+
<h2 align="right">HTML - die Sprache des Web</h2>
-
Folgende Themen werden dabei behandelt:
+
<h6> HTML - die Sprache des Web</h6>
-
* Aufbau von HTML-Dokumenten
+
<h4 align="center">HTML - die Sprache des Web</h4>
-
* 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.
+
<h5 align="right">HTML - die Sprache des Web</h5>
 +
 +
<h6>HTML - die Sprache des Web</h6>
-
Veranstaltungsart:
+
</pre>
-
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
+
-
--
+
.
-
642
+
== Text und Textauszeichnung ==
-
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?
+
<b>Fette Schrift (Beispiel: fett) </b>
-
In diesem Seminar wird den Teilnehmern die Fähigkeit vermittelt, einfache HTML-Dokumente selbst zu gestalten.
+
-
Folgende Themen werden dabei behandelt:
+
<i>Kursive Schrift (Beispiel: Der schiefe Turm von Pisa) </i>
-
* Aufbau von HTML-Dokumenten
+
<tt>Courier, also eine nicht-proportionale Schrift (Beispiel: Sehr geehrte Damen und Herren) </tt>
-
* 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:
+
== Vorformatierter Text - pre ==
-
Ganztägiges Schulungsseminar, Demonstration, Praktische Übungen am PC
+
-
Referent:
+
<p r e>
-
Dipl.-Bibl. Thomas Jeswein
+
das pre-tag ohne die blanks schreiben
-
Institut für Auslandsbeziehungen (IfA), Stuttgart
+
und der text wird incl. zeilenumbrüche dargestellt.
-
eMail jeswein@ifa.de
+
ohne das pre-tag müssen zeilenumbrüche per br-tag erzeugt werden.
 +
</ p r e>
-
Termin:
 
-
Samstag, 9. Mai [[1998]], 10.00 bis 17.00 Uhr
 
-
Ort:
+
.
-
Hochschule für Bibliotheks- und Informationswesen
+
-
Wolframstraße 32, 70191 Stuttgart
+
-
--
+
== Zeilenumbrüche und Absätze ==
-
673 06.02.[[1999]]
+
<pre>
-
Internet-Seiten mit [[HTML]] selbst gestalten
+
-
--
+
<br> - Zeilenumbruch
-
Samstag, 9. Juni [[2001]], 10-17 Uhr
+
<p> - Absatz
-
[[HTML]]-Seminar für Einsteiger
+
-
Referent: Dipl.-Bibl. Thomas Jeswein
+
-
Ort: HBI Stuttgart, Wolframstr. 32
+
-
--
+
</pre>
-
HTML I fuer Einsteiger am  12.10.[[2002]]
+
.
-
Die Hypertext Markup Language ist die Grundlage und Sprache des World
+
== Listen im Dokument einfügen ==
-
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:
+
Unnummerierte Liste ===
-
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:
+
<pre>
-
Dieses Seminar richtet sich an Personen, die funktionierende und funktionelle
+
<ul>
-
Websites erstellen und pflegen wollen, und dazu grundlegende Kenntnisse in
+
    <li>zeile 1 der liste</li>
-
HTML benötigen.
+
    <li>zeile 2 der liste</li>
 +
    <li>zeile 3 der liste</li>
 +
</ul>
 +
</pre>
-
Voraussetzungen:
 
-
Kenntnisse in Microsoft Windows 95 oder höher sind von Vorteil.
 
-
Seminaraufbau:
+
Nummerierte Liste ===
-
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.
+
 +
<pre>
 +
<ol>
 +
    <li>zeile 1 der liste</li>
 +
    <li>zeile 2 der liste</li>
 +
    <li>zeile 3 der liste</li>
 +
</ol>
 +
</pre>
-
* 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:
+
== Links und Fotos und Mailadressen ==
-
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
+
<pre>
 +
Links: <a href="http://www.google.de">angezeigter text im browser - google</a>
 +
</pre>
 +
 
 +
<pre>
 +
Fotos: <img align="right" src="http://www.karldietz.de/2007/v1.jpg">
 +
</pre>
 +
 
 +
<pre>
 +
<a href="mailto:karl.dz@gmail.com"> karl.dz@gmail.com</a>
 +
</pre>
 +
 
 +
<a href="mailto:karl.dz@gmail.com"> karl.dz@gmail.com</a>
 +
 
 +
bzw. hier im Wiki einfach: mailto:karl.dz@gmail.com
.
.
-
== HTML Einführungen ==
+
== Ausrichtung - links, rechts, zentriert ==
-
http://www.lerneniminternet.de/htm/html_lernen_g.html
+
per: align="right" align="left" align="center"
-
1109
+
<pre>
 +
zB <img align="right" src="http://www.karldietz.de/2007/v1.jpg">
 +
</pre>
.
.
-
http://www.inf.hs-anhalt.de/html/einfuehr.htm
+
== Grösse in prozent oder pixel ==
-
0207
+
<pre>
 +
Fotos: <img width="20%" heigth="20%" src="http://www.karldietz.de/2007/v1.jpg">
 +
</pre>
 +
 
 +
...
 +
 
 +
Fotos:
 +
<pre>
 +
<img width=100 heigth=100 src="http://www.karldietz.de/2007/v1.jpg">
 +
</pre>
 +
 
 +
...
 +
 
 +
== Sonderzeichen in HTML ==
 +
 
 +
* Ellipse = Auslassungszeichen = … = &hellip;
 +
* Gedankenstrich = Halbgeviert = – = &ndash;
 +
* An- und Abführungszeichen = „ und “ = &bdquo; und &rdquo;
 +
 
 +
HTML-Zeichenreferenz in SelfHTML: http://de.selfhtml.org
.
.
-
== Sonderzeichen ==
+
.
 +
.
-
• Ellipse = Auslassungszeichen = …
+
== Farben in HTML ==
-
&hellip;
+
*** <font color="red">...und falls es in ROT sein soll... </font>
 +
*** <font color="blue">...falls es mal in BLUE sein soll... </font>
 +
*** <font color="green">...oder in GREEN ... </font> 
 +
*** <font color="yellow">...oder in yellow ... </font>
 +
*** <font color="brown">...oder in brown ... </font>
 +
*** <font color="magenta">...oder in magenta ... </font>
 +
*** <font color="grey">...oder in grau ... </font> 
 +
*** <font color="dark">...oder in dark ... </font>
 +
*** <font color="white">...oder in white ... </font> ...ist in weiss :)
-
• Gedankenstrich = Halbgeviert = –
+
.
-
&ndash;
+
== SelfHTML online / als Buch ==
-
• An- und Abführungszeichen = „ und “
+
http://de.selfhtml.org
-
&bdquo; und &rdquo;
+
Addison-Wesley und Stefan Münz machen allen ein Geschenk: "Professionelle Websites" gibt es als kostenlosen Download (28 MB) ... http://aktuell.de.selfhtml.org/weblog/schenk_kultur_verlage
-
http://webdesign.crissov.de/Typographie
+
HTML Handbuch
 +
Von Stefan Münz, Wolfgang Nefzger
 +
Veröffentlicht von Franzis Verlag, 2005
 +
3772366546, 9783772366543
 +
1216 Seiten
 +
http://books.google.de/books?id=8RQ9ov56FhYC (keine Vorschau mehr am 12.10.09 in ES)
-
0307
+
HTML und XHTML.
 +
Das umfassende Referenzwerk
 +
Autoren Chuck Musciano, Bill Kennedy
 +
Ausgabe 4
 +
Verlag O'Reilly Germany, 2003
 +
ISBN 3897213508, 9783897213500
 +
Länge 698 Seiten ... 0311
 +
 
 +
SELFHTML: Grafik / Techniken und Begriffe der Bildbearbeitung
 +
Der Alphakanal ist eine Erweiterung der Farbmodelle. Dabei wird für jeden Bildpunkt (Pixel) neben dessen Farbwert ein Alphawert gespeichert. ...
 +
de.selfhtml.org/grafik/techniken.htm ... 190311
 +
 
 +
 
 +
== HTML erzeugen per ... ==
 +
 
 +
mit der Hand am Arm im Editor, zB NotePad oder hier im Wiki
 +
 
 +
mit [[Word]] schreiben und dann als HTML abspeichern
 +
 
 +
mit HTML-software, zB [[Dreamweaver]] oder [[Frontpage]] oder ...
 +
 
 +
Incomedia WebSite X5 Evolution 8.0.9 - http://www.websitex5.com
.
.
-
== HTML via Wikipedia ==
+
== HTML Einführungen ==
-
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
+
HTML4 - [http://www.rrzn.uni-hannover.de/buch.html?&no_cache=1&tx_rrznbuecher_pi1[showUid]=194 - ein herdt-buch. 0303]
-
0907 via http://de.wikipedia.org/wiki/Hypertext_Markup_Language
+
http://www.lerneniminternet.de/htm/html_lernen_g.html
 +
 
 +
http://www.inf.hs-anhalt.de/html/einfuehr.htm
 +
 
 +
http://www.karzauninkat.com/Goldhtml/
 +
 
 +
http://webdesign.crissov.de/Typographie
 +
 
 +
Dive into HTML5 Mark Pilgrim http://diveintohtml5.org
 +
 
 +
 
 +
 
 +
== Zusatzinfos beim image tag ==
 +
 
 +
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
 +
 
 +
 
 +
 
 +
== Meta daten - engl. meta tags ==
 +
 
 +
<meta name="keywords" CONTENT="eLearning Recherche Newsletter Suchmaschinen ">
 +
<meta name="description" CONTENT="AKI Stuttgart">
 +
 
 +
<meta name="robots" CONTENT="index,follow"> - seite taucht in google auf = visible web
 +
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW"> - seite taucht nicht in google auf = deep web
 +
 
 +
<meta name="language" CONTENT="de"> - sprache der seite ist deutsch
 +
<meta name="author" content="Karl Dietz"> - ersteller der seite heisst: k.dz.
 +
 
 +
Die Metadaten sind ein wichtiger Part im [[Semantic Web]]. - s.a. [[Dublin Core]].
.
.
 +
 +
        <meta name="geo.region" content="DE-GE" />
 +
        <meta name="geo.position" content="51.56; 7.048" />
 +
 +
    http://de.wikipedia.org/wiki/Geo-Tag
 +
    http://tools.themenrelevant.de/#GeoTag
 +
 +
 +
==robots.txt==
 +
wg. schloss horst in mu-t im april 2018 ...
 +
 +
 +
==Die eigene Website - eLearning-Kurs ab 1. September 2017 ==
 +
Konzept, Installation, Design, Funktion - in fünf Wochen.
 +
https://diewebagentin.de = Silke Buttgereit
 +
 +
 +
==HTML for Babies: Volume 1 of Web Design for Babies==
 +
 +
It's never too early to be standards compliant! Show your little ones HTML markup code along with letter forms to get them started on the visual patterns and symbols that make up the essential building blocks of the Web. The first in a three-volume set, originally designed by a NYC Web Designer for his baby, this beautiful book is a fun and colorful introduction to the world of web design for babies. https://www.amazon.com/HTML-Babies-Web-Design/dp/0615487661

Aktuelle Version vom 1. Dezember 2023, 19:27 Uhr

Inhaltsverzeichnis

HTML - die Sprache des Internet

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.


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

http://de.wikipedia.org/wiki/Kategorie:HTML

.

Aufbau einer HTML-datei 

<html>
<head>
<title> Titel </title>
<meta name=" ...>
</head>
<body> Text </body>
</html>

.

Seitenquelltext ansehen 

Im Browser clicken auf: ANSICHT
Dann auf: Seitenquelltext ansehen

Auskommentierten Text einsehen

zB



Überschriften in HTML mit h1 - h6 


<h1 align="center">HTML - die Sprache des Web</h1>

<h2 align="right">HTML - die Sprache des Web</h2>

<h6> HTML - die Sprache des Web</h6>

<h4 align="center">HTML - die Sprache des Web</h4>

<h5 align="right">HTML - die Sprache des Web</h5>
 
<h6>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 - pre

das pre-tag ohne die blanks schreiben und der text wird incl. zeilenumbrüche dargestellt. ohne das pre-tag müssen zeilenumbrüche per br-tag erzeugt werden. </ p r e> .

Zeilenumbrüche und Absätze 

 

 <br> - Zeilenumbruch

 <p> - Absatz

.

Listen im Dokument einfügen

Unnummerierte Liste === 

 <ul>
    <li>zeile 1 der liste</li>
    <li>zeile 2 der liste</li>
    <li>zeile 3 der liste</li>
 </ul>


Nummerierte Liste === 

 <ol>
    <li>zeile 1 der liste</li>
    <li>zeile 2 der liste</li>
    <li>zeile 3 der liste</li>
 </ol>

.

Links und Fotos und Mailadressen 

 Links: <a href="http://www.google.de">angezeigter text im browser - google</a>

 Fotos: <img align="right" src="http://www.karldietz.de/2007/v1.jpg">

 <a href="mailto:karl.dz@gmail.com"> karl.dz@gmail.com</a>

<a href="mailto:karl.dz@gmail.com"> karl.dz@gmail.com</a>

bzw. hier im Wiki einfach: mailto:karl.dz@gmail.com

.

Ausrichtung - links, rechts, zentriert

per: align="right" align="left" align="center" 

 zB <img align="right" src="http://www.karldietz.de/2007/v1.jpg">

.

Grösse in prozent oder pixel 

 Fotos: <img width="20%" heigth="20%" src="http://www.karldietz.de/2007/v1.jpg">

...

Fotos: 

<img width=100 heigth=100 src="http://www.karldietz.de/2007/v1.jpg">

...

Sonderzeichen in HTML

  • Ellipse = Auslassungszeichen = … = …
  • Gedankenstrich = Halbgeviert = – = –
  • An- und Abführungszeichen = „ und “ = „ und ”

HTML-Zeichenreferenz in SelfHTML: http://de.selfhtml.org

.

.

.

Farben in HTML

      • ...und falls es in ROT sein soll...
      • ...falls es mal in BLUE sein soll...
      • ...oder in GREEN ...
      • ...oder in yellow ...
      • ...oder in brown ...
      • ...oder in magenta ...
      • ...oder in grau ...
      • ...oder in dark ...
      • ...oder in white ... ...ist in weiss :)

.

SelfHTML online / als Buch

http://de.selfhtml.org

Addison-Wesley und Stefan Münz machen allen ein Geschenk: "Professionelle Websites" gibt es als kostenlosen Download (28 MB) ... http://aktuell.de.selfhtml.org/weblog/schenk_kultur_verlage

HTML Handbuch Von Stefan Münz, Wolfgang Nefzger Veröffentlicht von Franzis Verlag, 2005 3772366546, 9783772366543 1216 Seiten http://books.google.de/books?id=8RQ9ov56FhYC (keine Vorschau mehr am 12.10.09 in ES)

HTML und XHTML. Das umfassende Referenzwerk Autoren Chuck Musciano, Bill Kennedy Ausgabe 4 Verlag O'Reilly Germany, 2003 ISBN 3897213508, 9783897213500 Länge 698 Seiten ... 0311

SELFHTML: Grafik / Techniken und Begriffe der Bildbearbeitung Der Alphakanal ist eine Erweiterung der Farbmodelle. Dabei wird für jeden Bildpunkt (Pixel) neben dessen Farbwert ein Alphawert gespeichert. ... de.selfhtml.org/grafik/techniken.htm ... 190311


HTML erzeugen per ...

mit der Hand am Arm im Editor, zB NotePad oder hier im Wiki

mit Word schreiben und dann als HTML abspeichern

mit HTML-software, zB Dreamweaver oder Frontpage oder ...

Incomedia WebSite X5 Evolution 8.0.9 - http://www.websitex5.com

.

HTML Einführungen

HTML4 - [showUid=194 - ein herdt-buch. 0303]

http://www.lerneniminternet.de/htm/html_lernen_g.html

http://www.inf.hs-anhalt.de/html/einfuehr.htm

http://www.karzauninkat.com/Goldhtml/

http://webdesign.crissov.de/Typographie

Dive into HTML5 Mark Pilgrim http://diveintohtml5.org


Zusatzinfos beim image tag

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


Meta daten - engl. meta tags 

<meta name="keywords" CONTENT="eLearning Recherche Newsletter Suchmaschinen ">
<meta name="description" CONTENT="AKI Stuttgart">

<meta name="robots" CONTENT="index,follow"> - seite taucht in google auf = visible web
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW"> - seite taucht nicht in google auf = deep web

<meta name="language" CONTENT="de"> - sprache der seite ist deutsch
<meta name="author" content="Karl Dietz"> - ersteller der seite heisst: k.dz.

Die Metadaten sind ein wichtiger Part im Semantic Web. - s.a. Dublin Core.

. 

       <meta name="geo.region" content="DE-GE" />
       <meta name="geo.position" content="51.56; 7.048" />

   http://de.wikipedia.org/wiki/Geo-Tag
   http://tools.themenrelevant.de/#GeoTag


robots.txt

wg. schloss horst in mu-t im april 2018 ...


Die eigene Website - eLearning-Kurs ab 1. September 2017

Konzept, Installation, Design, Funktion - in fünf Wochen. https://diewebagentin.de = Silke Buttgereit


HTML for Babies: Volume 1 of Web Design for Babies

It's never too early to be standards compliant! Show your little ones HTML markup code along with letter forms to get them started on the visual patterns and symbols that make up the essential building blocks of the Web. The first in a three-volume set, originally designed by a NYC Web Designer for his baby, this beautiful book is a fun and colorful introduction to the world of web design for babies. https://www.amazon.com/HTML-Babies-Web-Design/dp/0615487661

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