Hilfe:Artikel/Beispiel eines Artikels

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Hinweis

Dies ist eine Beispielseite, die zur Erläuterung/Erarbeitung der verschiedenen Formatierungen dient.

Achtung!

Diese Seite ist zur Bearbeitung gesperrt. Wenn Du Vorschläge hast, wie man dies hier besser machen könnte: Stelle Deinen Vorschlag auf der hiesigen Diskussionsseite oder im Forum zur Diskussion. Wenn der Vorschlag allgemeine Zustimmung findet, wird ein Administrator sich drum kümmern, diese Seite entsprechend anzupassen.

Das pause-Element dient der Einführung einer Unterbrechung von zu langer Bildschirmarbeit.

  • HTML5
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari

Folgende Angaben sind nötig/ möglich:

  • Dauer: eine Zeitangabe
  • Brotzeit
  • Mahlzeit
  • Zigarette

Hinweis

Eine einheitliche Formatierung dient dem Wiedererkennenswert und der einfachereren Orientierung, gerade auch für Neulinge.
  • Der im Artikel behandelte Begriff wird mit '''Begriff''' fett formatiert.
  • Die Icon-Leiste unter den Zwischenüberschriften kann mit der Vorlage:Iconset erstellt werden, die einzelnen Icons am Seitenende werden mit der Vorlage:Icon eingebunden.
  • Mögliche Attributwerte werden in <code>…</code> gesetzt.


Beispiel: Das Pausen-Element
<html> <head> <title>pause-Element</title> </head> <body> <h1>Überschrift</h1> <p>Das neue pause-Element sorgt dafür, dass Computer-Freaks nach einer festzulegenden Zeit in den Familienkreis zurück kommen sollen. </p> <pause>Mahlzeit!</nowiki></pause> </body> </html>
Dieses Beispiel zeigt die Anwendungsweise des neuen Elements.
Empfehlung: Für „Best Practice“-Empfehlungen steht Ihnen eine Vorlage zur Verfügung: Vorlage:Empfehlung.
Beachten Sie: Für „Beachten Sie“-Informationen steht ebenfalls eine Vorlage zur Verfügung: Vorlage:Beachten.


Hinweis

Im Gegensatz zur ehemaligen Doku 8.12 sind die Abschnitte „Erläuterung“ und „Beachten Sie“ als Zwischenüberschriften weggefallen. Die Informationen aus „Erläuterung“ sind in den Fließtext eingearbeitet worden, da es sich um allgemeine Erläuterungen zum Thema handelte. Für Erläuterungen, die sich direkt auf das Beispiel beziehen, kann das Modul BeispielText der Vorlage:Beispiel verwendet werden (ausführliche Anwendungshinweise siehe dort).


Für den Code in den Beispielen ist übrigens bewusst auf das <source>-Element zur automatischen Syntaxhervorhebung verzichtet worden, weil zu viel Farbe vom eigentlich zu Erläuternden ablenkt. Stattdessen wurden nur die besprochenen Elemente besonders hervorgehoben.

Alternativ - finde ich aber zu kompliziert!

Beispiel: Das Pausen-Element
{{Beispiel|titel=Das Pausen-Element|zeige=dummy| {{BeispielCode|<nowiki> <html> <head> <title>pause-Element</title> </head> <body> <h1>Überschrift</h1> <p>Das neue pause-Element sorgt dafür, dass Computer-Freaks nach einer festzulegenden Zeit in den Familienkreis zurück kommen sollen. </p> </nowiki>{{Farbe|white|#3983ab|'''<pause>'''}}Mahlzeit!</nowiki>{{Farbe|white|#3983ab|'''</pause>'''}}<nowiki> </body> </html></nowiki>}} {{BeispielText| Dieses Beispiel zeigt die Anwendungsweise des neuen Elements.}} }}
Im Gegensatz zur ehemaligen Doku 8.12 sind die Abschnitte „Erläuterung“ und „Beachten Sie“ als Zwischenüberschriften weggefallen. Die Informationen aus „Erläuterung“ sind in den Fließtext eingearbeitet worden, da es sich um allgemeine Erläuterungen zum Thema handelte. Für Erläuterungen, die sich direkt auf das Beispiel beziehen, kann das Modul BeispielText der Vorlage:Beispiel verwendet werden (ausführliche Anwendungshinweise siehe dort).


Für den Code in den Beispielen ist übrigens bewusst auf das <source>-Element zur automatischen Syntaxhervorhebung verzichtet worden, weil zu viel Farbe vom eigentlich zu Erläuternden ablenkt. Stattdessen wurden nur die besprochenen Elemente besonders hervorgehoben.

Hinweis

Dieses Beispiel zeigt die Anwendungsweise der Beispiel-Vorlage.


Hinweis auf zeige=dummy


Anwendungsbeispiele

  • HTML5
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari

Hinweis

Wenn Die Überschriften von Leerzeichen umschlossen sind, also
=== Überschrift ===

ist es damit einfacher möglich, Wiki-Artikel in HTML zu übertragen, weil man

"=== " durch "<h3>"

und

" ===" durch "</h3>"

ersetzen lassen kann. Andernfalls geht das nicht so einfach.

Siehe auch

für interne Links

Weblinks

für externe Links

Kategorien

{{Kategorie|Hilfe|Beispielseite}}

[[Kategorie:HTML]]

Mit Kategorien ist es möglich, Artikel nach bestimmten Merkmalen einzuordnen. Dazu wird der Artikel einer oder mehreren Kategorien zugewiesen; die Kategorien können ihrerseits wieder anderen Kategorien zugeordnet sein.

In der ersten Schreibweise wird ein Parameter für die alphabetische Einordnung beigefügt.