[Sammelthread] HTML Grundkenntnisse

04/21/2012 21:46 .Loris#1
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 [Only registered and activated users can see links. Click Here To Register...]. 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]

Ich wünsche euch viel Spaß damit!
04/21/2012 22:00 PseudoPsycho#2
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
<!-- Kommentar -->
Dann wäre Copy&Paste auch möglich.
04/21/2012 23:39 yym3#3
Das <center> lieber rausnehmen, ist veraltet und wird nicht mehr verwendet. Stattdessen per CSS mit text-align:center;

Gruß
yym3.
04/21/2012 23:46 PseudoPsycho#4
Quote:
Originally Posted by yym3 View Post
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" .
04/22/2012 03:51 .Marcel'#5
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
04/22/2012 15:31 PseudoPsycho#6
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 マルコ#7
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 [Only registered and activated users can see links. Click Here To Register...] anschauen! Da wird alles sehr schön und übersichtlich erklärt.

EDIT: @PseudoPsycho: Dein Doctype ist falsch^^
04/22/2012 15:46 PseudoPsycho#8
Quote:
Originally Posted by minecrawler View Post
@PseudoPsycho: Dein Doctype ist falsch^^
Lol. Nein, ist er nicht!!! :mad:
Noch nie etwas von HTML5 gehört???:confused:
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 View Post
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.