Html lernen

stefros · Dec 9, 2002

So dann lasst uns mal langsam anfangen und wer Html lernen will kann sich vom Anfang mal durcharbeiten

Grundgerüst :
<html>
<head>
<title>Das was oben in der Explorer Leiste steht

</title>
</head>
<body>
Die Homepage an sich
</body>
</html>

ZeRo|OnE · Dec 9, 2002

Hey! In deinem Grundgerüsst fehlt was IöööI doller Anfang!

der Head

Hier das richtiger grundgerüsst!

<html>
<head>
<title>name der page</title>
</head>
<body ............................................>

Am ende des quelltextes steht immer dieses!

</body>
</html>

stefros · Dec 9, 2002

Ooops habsch vergessen lol :anime

Ok dann hamma ja das Grundgerüst kömma mit einfachen Befehlen Anfangen

 Harter Zeilenumbruch

FLoorfiLLa · Dec 9, 2002

ok
ich fang ma mit nem wichtigen tag für den body an
dem font tag
mit diesem können texte im body tag formatiert werden.

grundbefehl ist wie logisch zu erahnen 
dieser tag muss am ende des bereiches mit wieder geschlossen werden

für den font tag gibt es einige arten der schriftformatierung:


dieser befehl schreibt den folgenden test in der farbe #000000 (hex code für farbe schwarz)


mit diesem befehl wird der folgende text in der schriftart Verdana dargestellt
ist die schriftart nicht installiert, wird auf die zweite angegebene schrift, also arial zugegriffen


mit diesem befehl lässt sich die größe des folgenden textes bestimmen

bsp:
Test
ergibt einen text der in Verdana in der schriftgröße 2 und der farbe #ffffff (weiß) geschrieben wird

das waren erstma die grund begriffe dafür mehr zeit hab ich jetzt nich

ZeRo|OnE · Dec 9, 2002

Ich denke wir sollten erstmal mit dem body weitermachen!

Für den body giebt es viele befehle!
Die befehle werden in den body reingeschrieben.
<body bgcolor=#000000(falls eine farbe gewünscht ist) background="hintergrund.jpg" (falls ein bild gewünscht ist) vlink=#000000 alink=#000000 link=#000000 (die Fraben müsst ihr euch natürlich mit einem grafik program selber zusammen stellen, dabei ist 000000=schwartz und FFFFFF=weiß) >

Den Text befehl braucht ihr nicht! Da dafür der Font befehl schon genannt wurde. Der besser geeignet ist! Wenn ihr mal etwas weiter seid dann braucht ihr auch den font befehl nicht mehr! Dann wird das über eine css datei gemacht! Aber dazu später, wenn ihr soweit seid.

Was zu dem Fontbefehl noch zu sagen ist, Den könnt ihr nicht irgendwo einsetzten! Ich gebe euch mal ein Beispiel!

Textstelle oder gantzer text
Ihr könnt mit dem Fontbefehl auch einzelne Wörter anders farbig machen! Wichtig ist es immer, dass der fontbefehl vor dem Text oder Wort gesetzt wird!
Und immer am ende des textes oder nach einem Wort das ihr Fabig haben wolltz den Fontbefehl schliessen! Damit der exploder weiss das nur der bereich farbig gemacht wird und ohne den Befehl würde er auch den gantzen befehl nicht erkennen!

Dies gilt für jeden befehl den wir geben! Jeder befehl im sogenannten quelltext muss geschlossen werden!

Hier nochmal einige grund erklährungen

Quelltext = Der gesammte text und die gesammten befehle die wir im Editor oder programm wie z.b. Dreamwaver oder Frontpage schreiben!

Tag = Der Tag ist dieses zeichen <

Und ihr könnt dann wenn ihr eine Page fertig habt die abspeichern! Wenn mit dem Editor geschrieben ist zu beachten:

Datei-->Speichern unter -->Dateityp--->Alle Dateien--->Dateiname--->Beispiel.html/-oder .htm --->und dann speichern

bye

stefros · Dec 9, 2002

vlink=#000000 alink=#000000 link=#000000

Schreib mal noch dazu wozu des is ^^

-----------------------------------

Wie du schon erwähnt hast kann man auch Bilder einbauen .

Der Grundbefehl dafür ist :

<img src="http://www.host.de/user/Bild01.jpg">

ZeRo|OnE · Dec 9, 2002

Jo!

link ist für den lin selber, damit man erkennt das das ein link ist!
der befehl für den link ist:

<a href="URL" target=new/self/usw. (das sind die am häufigsten benutzten) >Link beschreibung </a>target ist dafür da um den link im gleichen fenster oder in einem neuen öffnen zu lassen.
Man kann auch ein bild als link verwenden! Dies wurde mit dem img befehl ja schon beschrieben!Der kommt dann anstatt der link beschreibung dort hin! Den img befehl braucht man nicht zu schkiessen! Einer der wenigen!

wenn du ein bild einsetzt erscheint um das Bild ein rand!Den kannst du wegmachen dünnermachen oder dickermachen!

Das sieht dann so aus:
<img src="beispiel.jpg" border=0>
wobei die 0 für keinen rand steht! Das geht dann von 0-5
5 ist das dickste.

new=ist für ein neues
self= ist um den link im selben fenster öffnen zu lassen

alink und vlink ist das selbe!
die werden gegeben um kenntlich zu machen ob du schon den link besucht hast!

autlegend · Dec 12, 2002

SELFHTML

Dort wird alles bis ins kleinste Detail erklärt...ich kenn keine bessere Seite um HTML zu lernen!

aDarkGod · Dec 12, 2002

ma ne andere Frage, für wa sbraucht man das alles? :angel

autlegend · Dec 12, 2002

HTML kann man immer brauchen

HTML alleine is schon ne coole Sache aber man kann ja auch allerhand Skriptsprachen einbinden...da gibts dann echt keine Grenzen mehr was man damit alles machen kann.Ohne HTML würds ja auch kein UF geben

ZeRo|OnE · Dec 12, 2002

Hm....... jetzt weiss ich nicht so genau! Dieses board ist nicht auf html geschrieben. Sondern auf php. Ich weiss jetzt aber nicht so genau ob der unterschied von php zu html genauso ist wie zu cgi zu html.

cya

stefros · Dec 12, 2002

Das Board ist php eingebunden in HTML :angel

Html kann man immer brauchen sogar beim Einklaufen z.B.
<Tomate color="red">5 Tomaten</tomate>

Von Self HTML hab ich auch schon gehört aber noch net erblickt .

autlegend · Dec 13, 2002

SelfHTML is auf jeden Fall einen Blick Wert.Als ich angefangen habe mich mit HTML zu beschäftigen bin ich irgendwann zufällig auf die Seite gestoßen und muss sagen dass ich kein besseres Tutorial zu HTML kenne.Natürlich is es kein Tutorial sondern viel mehr.SelfHTML is so umfangreich das ich bis heute warscheinlich ned mal ein 100tel gelesen habe

PS

ort wird aber auch PHP,JS,usw beschrieben :top

:

FiX · Dec 13, 2002

Original geschrieben von Cabal1c
Hm....... jetzt weiss ich nicht so genau! Dieses board ist nicht auf html geschrieben. Sondern auf php. Ich weiss jetzt aber nicht so genau ob der unterschied von php zu html genauso ist wie zu cgi zu html.

cya

Pure auf php würds sicher nicht gehen, da das html vorraussetzt / nutzt.

autlegend · Dec 13, 2002

Eh nicht...Man kann in HTML PHP einbinden aber man kann ned alleine nur etwas mit PHP machen.Deswegen siehst du auch bei jedem Skript das HTML Grundgerüst und dann halt <php?
oder wie auch immer das eingebunden wird...

Html lernen

Similar threads