übergeordnete Elternelemente (HTML)
<html> Mutter aller Elternelemente
<head> Übergeordneter Bereich für Metainformationen
Meta-Informationen sind immer im Head und sind nicht für den Benutzer sichtbar, übergeordnete Informationen, z. B. für untergeordnete Kindelemente: Title-tag, Meta-tag= "charset utf-8" (beschreibt den universellen Zeichensatz)
<body> die Inhalte, die im Browser sichtbar werden
Alle sichtbaren Elemente können nur im head oder body stehen!
Vokabelheft in notepad++ angelegt
Head-Elemente<title> Der Titel der Seite (Titelseite, Tab, Lesezeichen)
<meta> Anweisungen für den Wer-Server, Web-Browser und Suchmaschinen
Block-Elemente (Strukturgebende Elemente)
<p> Absatz
<h1> - <h6> Überschriften
<pre> Nicht-formatierter Bereich
<br> Zeilenumbruch
<hr> Trennlinie
Inline-Elemente (stehen im Block-Elemente)
Physische Zeichenformate
<b> fett
<i> kursiv
<u> unterstrichen
<s> durchstrichen
<sub> tiefgestellt
<sup> hochgestellt
Veraltet
<tt> fernschreiber (dicktengleich)
<big> gross
<smal> klein
<font> Schrift
Logische Zeichenformate
<cite> Zitat
<samp> Beispiel
<kdb> Tastatur
<dfn> Definition
<var> Variabl
<code> Programmier-/Quellcod
<strong> stark hervorgehoben (Alternative zu fett)
<em> betont(Alternative zu kursiv)
<abbr> Abkürzung (Nutzung mit dem Attribut title="Wert")
Veraltet
<acronym> Abkürzung (Nutzung mit Attribut title="Wert")
Proprietär Element
<marquee> Laufschrift (Blockelement)
Laufschrift
<blink>Es blinkt heute nicht mehr</blink>
<marquee direction="left" >Es läuft</marquee>
<marquee direction="right" >Es läuft</marquee>
<marquee direction="up" >Es läuft</marquee>
<marquee direction="down" >Es läuft</marquee>
Inline-Element
Inline-Elemente erzeugen keinen eigenen Absatz im Textfluss. Inline-Elemente sind als untergeordnete, "innere" Elemente für Block-Elemente gedacht. Sie können in den meisten Fällen normalen Text und weitere Inline-Elemente enthalten, jedoch keine Block-Elemente. Ausnahmen oder Einschränkungen werden bei den Beschreibungen zu den einzelnen Elementen behandelt.
<span lang="en"> Inline-Element</span>
SELFHTML (dort kann mal alles nachlesen)
Property (englisch) steht für Eigentum in verschiedenen Fachsprachen, beispielsweise in Zusammenhang mit Geistigem Eigentum
Inhalte ausrichten (links, rechts, zentrieren, Blocksatz im Web eher nicht!)
Attribut: align Werte: left, right, center, justify
<p align="center"> mittige Ausrichtung des Textes in dem Absatz <p>
Befehl (Element/Tag) Attribut = (Eigenschaft) "Wert"
DIV-Bereiche (einmal im <div>-Bereich ein Attribut mit Wert mitgegeben, wirkt sich das auf den ganzen DIV-Bereich aus)
<div>-Bereich: Das div steht für das englisch „division“, was nichts anderes als Bereich meint. Es umfasst also einen Bereich. Wenn Sie z. B. in Ihrer Website einen Kopfbereich haben, in der der Firmenname steht und das Firmenlogo wäre das ein Bereich, der vom <div>-umschlossen sein könnte.
Die Elemente (z. B. Bereiche) selber lege ich im HTML fest, nicht im CSS.
Übungsaufgabe: Hans, der in die Luft schaut
- Text-Dokument in HTML-Dokument konvertieren (wichtig dabei: Kodierung: Konvertiere zu UFT-8 ohne BOM) und als .html-Datei abspeichern
- Grundgerüst aufbauen
- <div>-Bereich erstellen
- Headline und Absätze generieren
- im Browser ansehen
Hinweis: www.1000flies.de
Navigationen werden in der Regel mit Hilfe von Listen organisiert
Add-on:
Firebug (Spürt Fehler auf, ganz wichtig für alle Programmierer, zum Analysieren von Web-Sites)
Listen mit HTML
- Aufzählungen (Unordered List) <ul>
- Nummerierungen (Ordered List) <ol>
- Definitionsliste (Definition List) <dl>
Aufzählungen (Unordered List) <ul>
Die Art des Listenzeichens kann man über definieren
<ul type="disc"> Bulletpoint rund
<ul type="circle"> Bulletpoint kreis
<ul type="square"> Bulletpoint eckig
Nummerierungen (Ordered List) <ol>
<ol type="1"> 1., 2., 3.
<ol type="a"> a., b., c.
<ol type="A"> A., B., C.
<ol type="I"> I., II., III.
<ol type="i"> i., ii., iii.
Keine Kommentare:
Kommentar veröffentlichen