HTML Teil 15 Anleitung CSS Fonts (Schriften) und Boxes (Schachteln)

Für Schriften gib es 3 Style Möglichkeiten (CSS Fonts)
color = Farbe der Schrift
font-family = Schriftart
font-size = Schriftgröße

Im CSS style werden diese dann so geschrieben:
Beispiel für Überschrift h1 un p Absatz

CSS Box –Schachteln / Rahmen

HTML Teil 15 Anleitung CSS Fonts (Schriften) und Boxes (Schachteln) weiterlesen

HTML Teil 14 Anleitung HTML Styles

HTML Styles – CSS – Aussehen Stil

Es gibt 3 Möglichkeiten, um HTML Code mit einem Style zu versehen.

  1. Mit einem style Attribute im HTML Element.

    (Inline CSS)Der Style gilt nur für das eine Element.
  2. Mit dem Tag <style>…</style> im <head> </head> Bereich z.B.

    Dadurch wird der style auf alle HTML Elemente im Dokument angewendet.( Internal CSS)
  3. Durch das Einbinden einer externen CSS Datei mit dem Tag <link> im <head> </head> Bereich des Dokuments z.B.

    Auch hier wird der style auf alle HTML Elemente im Dokument angewendet. (External CSS)

HTML Teil 13 Anleitung HTML Kommentare

HTML Comment Tags für Kommentare

Wenn man etwas in den HTML Code einfügen will, das jedoch nicht angezeigt werden soll, so verwendet man den Comment Tag.

Auch wenn mehrer Zeilen zwischen den Pfeilen sind, werden diese nicht angezeigt!
Dies kann man auch verwenden, um Code auszublenden.

HTML Teil 12 Anleitung HTML Computer Code

Wenn man Computer Code auf eine Webseite darstellen möchte, so soll dieser nicht durch die HTML Ausgabe verändert werden. Damit das nicht geschieht, gibt es einige HTML Tags.
Die HTML Tags sind:
HTML <kbd>..</kbd> Tastatur eingabe
HTML <samp>..</samp> Computer Ausgabe
HTML <code>..</code> Computer Programmcode
Zeilenumbrüche und Leerzeichen werden ignoriert. Möchte man auch die Formatierung übernehmen, muss man zusätzlich ein <pre>
einfügen.

 

HTML Teil 11 Anleitung HTML Zitieren und Verweisen

HTML <q> ist ein verweist auf ein kurzes Zitat eines andern Autors / Webseite

Das Ziel der CDU: Wir wollen die nächsten Wahlen gewinnen.


 

HTML <blockquote> für lange Zitate
Der Ursprung der Quelle für das Zitat wird verlinkt.

Die Beschreibung über Südamerika von der Wikipedia Webseite:

Der Subkontinent ist im Osten vom Atlantischen Ozean und im Westen vom Pazifischen Ozean umgeben. Die Insel Feuerland an der Südspitze des Subkontinents wird..


HTML <abbr> Abbreviations Abzürzung

Im Attribute <abbr> kann man für ein Abkürzung den Text hinterlegen. Wenn man mit der Maus darüber fährt, so wird die <abbr> Text angezeigt.

Die CDU ist eine politische Partei.


HTML <address> Kontaktdaten

Text wurde erstellt von.
Muster.com
Musterpark 112
Germany

HTML <cite> Titel

Mit <cite> wird der Titel eines Buches oder eines Berichtes zitiert.

Brennen muss Salem von Stephen King 1975.


 

HTML Teil 10 Anleitung HTML Text formatieren

<b>      Text fett
<em>      Text hervorgehoben / kursiv (sehr wichtig)
<i>      Text kursiv (nicht wichtig)
<small>   Kleine Schrift
<strong> Fetter Text (sehr wichtig)
<sub>     Tiefgestellter Text
<sup>     Hochgestellter Text
<ins>     Text unterstrichen
<del>     Text durchgestrichen
<mark>    Text markiert HTML Teil 10 Anleitung HTML Text formatieren weiterlesen

HTML Teil 9 Anleitung HTML Styles Schrift – Farben und Arten

Es gibt verschiedene Attribute um das Aussehen zu verändern.

Hier verwendet man die style= Attribute:

background-color = Farbe vom Hintergrund
color = Farbe der Schrift
font-family = Schriftart
font-size = Schriftgröße
text-align = Textausrichtung

Beispiele Schrift – Farben und Arten:

<body style=“background-color:lightgrey“>
(Standard ohne style ist schwarze Schrift auf weißem Hintergrund) HTML Teil 9 Anleitung HTML Styles Schrift – Farben und Arten weiterlesen

HTML Teil 8 Anleitung
 Element

HTML <pre> Element Vorformatierter Text

Wenn man Text in ein HTML Dokument schreibt, so werden keine Zeilenumbrüche oder auch zusätzliche Leerzeichen angezeigt, wenn man dafür nicht spezielle Tags und Codes verwendet. Es steht immer in einer Wurst.
Ausgenommen ist hier der <pre>….</pre> Tag.
Die Formatierung wird in diesem Fall direkt übernommen. HTML Teil 8 Anleitung

 Element

weiterlesen

HTML Teil 6 Anleitung – HTML Kopfbereich

Im Kopfbereich des HTML Dokuments gibt es den Bereich <head>…..</head>
Alles was im <head> Bereich steht, wir nicht direkt angezeigt auf der Webseite.

Diese Elemente kommen in den <head> Bereich:

<title>Meine Seite</title>
<meta> Daten wie der Zeichensatz der Webseite
<meta charset=“UTF-8″>
<style> Hier kann man CSS Layouts definieren oder
<link> über diesen einen Link zur CSS Datei einfügen.