HTML Teil 6 Anleitung – HTML Attribute

Es gibt verschiedene HTML Tags, die man mit Attribute versehen kann.

<html lang=“en-US“> Gibt die Sprache der Seite an.
<p title=“Was steht im Absatz“> Beschreibt den Absatz (SEO)
<img src=“bild01.jpg“ width=“300″ height=“250″> Gibt die Größe in Pixel für ein Bild an. width height

HTML Teil 5 Anleitung – HTML Absatz (Paragraphs) Links und Bilder (Images)

Der Absatz (Paragraphs) ist in jedem HTML Dokument mehrmals enthalten. So wie bei jedem Dokument entsteht ein Absatz beim drücken der Enter Taste. Im HTML Code wird dieser Absatz mit
<p> eingeleitet und mit </p> wird der Absatz wieder beendet.

Beispiel Absatz (Paragraphs):

Ausgabe:
Mein erster Absatz.
Mein zweiter Absatz.

 

HTML Links einfügen mit dem Tag <a> und dem Attribut href

In jeder Webseite findet man verschiedene Links. Es gibt interne Links zu einer anderen Seite, welche ein anderes Dokument anzeigen oder auch zu einer anderen Webseite führen.
Eingeleitet werden Links mit dem <a> Tag und dem zusätzlichen Attribute href.

Beispiel HTML Link:

Ausgabe:
Mein erster Link

HTML Bilder (Images) hinzufügen

Auf einer Webseite werden meist auch sehr viele Bilder angezeigt. Um im HTML Code Bilder hinzuzufügen, verwendet man den Tag <img> mit dem Attribut src.
Das Attribute src gibt an, wo das Bild liegt.
Zusätzlich benötigt man das Attribute width (für Breite) und height (für Höhe) des Bildes in Pixel.
Meist wird auch noch das Attribut alt eingefügt. Dies ist ein Text, welcher angezeigt wird, wenn das Bild nicht angezeigt werden kann.

Beispiel HTML Bilder:

 

HTML Teil 4 Anleitung – HTML Überschriften

HTML Überschriften (Headings).

Es gibt 6 Größen für die Überschrift <h1> bis <h6>
<h1> ist die größte Überschrift und <h6> ist die kleinste Überschrift im HTML.

Überschrift Größe 1

Überschrift Größe 2

Überschrift Größe 3

Überschrift Größe 4

Überschrift Größe 5
Überschrift Größe 6

HTML Teil 3 Anleitung – HTML reservierte Zeichen

HTML reservierte ZeichenFür den HTML Code reservierte Zeichen sind „Größer als“ und „Kleiner als
> <
Um diese Zeichen in ein HTML Dokument verwenden zu können, muss man die Symbolnummer (Symbolcode) verwenden. Diese ist für < &lt; und für > &gt;

HTML reservierte ZeichenWeiter wichtige Symbole sind:
<             &lt;
>             &gt;

&             &amp;
€              &euro;
©            &copy;
®            &reg;

Man muss für ein Leerzeichen ebenfalls einen Code verwenden, da eine HTML Seite im Code maximal eine Leerstelle darstellt. Möchte man mehrere Leerzeichen so muss man &nbsp; verwenden.

Beispiele:

Wieviel € kostet es?

5 < 8 und 10 > 9

 

HTML Teil 2 Anleitung –

Was findet man im Kopfbereich einer HTML Seite – im <head> </head> Bereich.

<head> Hier stehen Informationen zum Dokument
<title> Gibt den Titel der Webseite an. Wird selbst nicht angezeigt, steht aber im Browser ganz oben.
<base> Gibt die Basisadresse der Webseite an
<link> Hier wird z.B auf eine CSS Datei verlinkt.
<meta> Hier werden verschiedene Informationen eingefügt wie:Beschreibung, Autor, Sprache der Seite..
<script> Hier kann man einen JavaScripts Code einfügen.
<style> Hier kann den Style (Ausssehen der Webseite) definieren.

HTML Teil 1 Anleitung – HTML Grundgerüst

Jeder Webseite basiert auf einer HTML Ausgabe. Wenn man im Normalfall heute nur noch selten reine HTML Webseiten erstellt, so ist jedoch die Darstellung der Webseite selbst immer noch in HTML. Welches System dahinter steht, spielt keine Rolle. Meist ist hinter einer Homepage ein CMS System. HTML Teil 1 Anleitung – HTML Grundgerüst weiterlesen