[Sammelthread] HTML Grundkenntnisse

~~.Loris~~ · 04/21/2012, 21:46

Hallo,
ich möchte euch hier anbieten, die Grundkenntnisse für HTML kennen zu lernen.
Ich werde hier ein paar Grundkenntnisse hineinschreiben, welche nicht zu schwer
und recht leicht zu verstehen sind. Eure Aufgabe ist es, weitere Sachen zu posten, welche ich dann in den Sammelthread aufnehmen werden.

Ihr braucht zuerste einen Editor, am besten nehmt ihr

. Dann erstellt ihr euch ein Textdokument mit der Endung .html
Auf diese Datei macht ihr Rechtsklick und öffnet sie mit Notepad++.
Gut. Nun haben wir unsere Editor.
Fangen wir an
Im Spoiler findet ihr einen groben Aufbau wo ihr eure eigene Texte einfügen könnt. Nach jedem // ist eine kleine Erklärung [alles mit dem // muss entfernt werden]

Spoiler

Ich wünsche euch viel Spaß damit!

PseudoPsycho · 04/21/2012, 22:00

Zunächst mal ist dein Code falsch.
Ergänze bitte noch 'nen Doctype, für Anfänger wäre der HTML5-Doctype wohl am einfachsten zu merken...
Und dann pack' Kommentare doch bitte auch in die Kommentar-Funktion

Dann wäre Copy&Paste auch möglich.

yym3 · 04/21/2012, 23:39

Das <center> lieber rausnehmen, ist veraltet und wird nicht mehr verwendet. Stattdessen per CSS mit text-align:center;

Gruß
yym3.

PseudoPsycho · 04/21/2012, 23:46

Quote:

Originally Posted by yym3

Das <center> lieber rausnehmen, ist veraltet und wird nicht mehr verwendet.

Gleiches gilt auch für <FONT> und die ganzen width-Attribute, etc.
Und auf jeden Fall ist attribut=wert nicht unbedingt empfehlenswert, dann lieber mit Anführungszeichen, sprich: attribut="wert" .

.Marcel' · 04/22/2012, 03:51

Eigentlich kann man das Closen, da hier nur veralteter Code angeboten wird.
Außer der Thread wir mit neuem Code geupdatet, und in BBcodes gepackt.

PS: HTML ist keine Programmiersprache

PseudoPsycho · 04/22/2012, 15:31

Ein korrektes Beispiel in HTML5 (statt 4.01) wäre:

HTML Code:

<!Doctype html><html lang="de">
<!-- definiert Doctype, um HTML5 zu kennzeichnen und Sprache (deutsch). -->
<head>
<!-- Head-Bereich mit Meta-Angaben -->
<title>Eine einfache Testseite</title>
<!-- Seitentitel -->
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<!-- UTF-8-Codierung in HTML5-Stil und aelterem Stil -->
<meta name="description" content="Eine einfache Seite in HTML5">
<meta name="keywords" content="demo, beispiel, html5">
<!-- Beschreibung und Keywords fuer Suchmaschinen -->
<meta name="author" content="PseudoPsycho">
<!-- Seiten-Autor-->
<style type="text/css">
* { padding:0; margin:0; box-sizing:border-box; }
html, body { width:100%; height:100%; }
body { background:rgb(110, 123, 139); color:rgb(0, 0, 260); font-size:12pt; font-family:Verdana, Arial, sans-serif; }
.highlight { font-weight:bolder; font-size:14pt; text-decoration:underline; }
</style>
<!-- Design-Angaben in Form von CSS -->
</head>
<body>
<!-- Body mit Seiteninhalt -->
Hallo, Welt!
<br><span class="highlight">Willkommen auf der Seite</span>
<!-- Zeilenumbruch und Definieren einer Klasse fuer CSS -->
</body></html>

マルコ · 04/22/2012, 15:43

CSS gehört zum ordentlichen Lernen komplett in ein CSS File , nicht in die Tags - und später für echte HPs in den Style-Tag (reduziert die Anzahl geladener Files - also Anzahl der Connections - also Ladezeit).
Außerdem ist deine Formatierung GRAUENHAFT! Schonmal was von TABS gehört? Bei nem guten Tut wäre etwas Farbe auch nicht verkehrt.
Was ich auch empfehlen würde: Kleinere Abschnitte und jeden Tag erstmal einzeln erklären. Und vor allem ein paar Grundregeln an den Anfang stellen. Weil bei dir wird nicht klar, dass man sowas wie <span><div></span></div> nicht machen darf...

Falls jemand HTML wirklich lernen will, dann bitte mal anschauen! Da wird alles sehr schön und übersichtlich erklärt.

EDIT: @PseudoPsycho: Dein Doctype ist falsch^^

PseudoPsycho · 04/22/2012, 15:46

Quote:

Originally Posted by minecrawler

@PseudoPsycho: Dein Doctype ist falsch^^

Lol. Nein, ist er nicht!!!

Noch nie etwas von HTML5 gehört???

Ist ja nicht so, als hätte ich das nicht drüber geschrieben!
Und dann auch noch in der Signatur HTML5 aufführen... Wie bescheuert muss man sein..?!

Quote:

Originally Posted by minecrawler

Außerdem ist deine Formatierung GRAUENHAFT! Schonmal was von TABS gehört?

Klar. Schonmal ausprobiert, die im Forum zu verwenden?
Die werden beim Absenden wieder gelöscht...
Von daher ist dein Post mehr als überflüssig.