Html TuT

Wie gesagt das ist mein erstes Html Tutorial.Und falls schon eins gab tut es mir Leid hab keins gefunden!

Inhalt:

Was ist html?
2. Ein Grundgedanke
3. Was brauche ich?
4. Webhoster
5. Mein erstes Html-Dokument
6. Javascript

1. Was ist HTML?
HTML ist eine Programmiersprache mit der man Websites programmiert.
HTML basiert auf den ASCII, American Standard Code
for Information Interchange auf Deustch der Amerikanische Code f�r Informationsaustausch oder auch das Alphabet.

2. Grundgedanke

�berleg vor�ber deine Webiste handeln soll, ein Forum, Down-/Upload Site wie Rapidshare, eine Seite �ber dich usw.

3. Was brauch ich?

Einen Editor (Notepad von Windows ist bei windows dabei besser w�r Notepad++ oder noch besser Visual Web Developer)
Und einen Browser ^^ hat jeder.

4. Webhoster

Suche dir ein Webhoster gib einfach bei einer Suchmaschine Webhoster ein.
Falls du ein kostenloser Webhoster suchst dann geh auf oyla oder Homepagebaukasten.

5. Mein erstes Html-Dokument

Als erstes machst du ein neuen Ordner (Desktop->Rechtsklick->Neu->Ordner)
den nennst du dann z.B. Meine Homepage dann ein neues Textdokument(Rechtsklick im Ordner->Neu->Textdokument).
Dieses speicherst du jetzt als Html-Dokument(Datei->Speichern als...->Meine Homepage.html darunter ist noch eine Leiste wo *.txt steht das �nderst du in Alle Dateien um.Und dann speichern
Dann im Editor kommt dann

HTML Code:

<html>

Damit beginnt jedes Html-Dokument.
dann kommt

HTML Code:

<head>

der Kopf.
Jetzt kommt der

HTML Code:

<title>Dein Titel der oben rechts stehen soll!</title>

Titel.
Jetzt kommt der Befehl damit der Kopf hier endet.

HTML Code:

</head>

Mit dem / vor dem Head zeigt man das der Kopf jetzt enden soll (so endet jeder Befehl in html)
Jetzt kommt der K�rper

HTML Code:

<body>

Hier schreibst du dein Text rein den du in deiner Website haben m�chtest.
Also haben wir bis jetzt folgendes:

HTML Code:

<html>
<head>
<title>Dein Titel der oben rechts stehen soll!</title>
</head>
<body>

So... aber man kann nat�rlich noch viel machen z.B. die Hintergrundfarbe �ndern. Dazu schreibt ihr folgendes :

HTML Code:

<body bgcolor="Name der Farbe oder Farbcode">

Nat�rlich kann man auch ein Bild einbinden:

HTML Code:

<body background="Bildname.gif">

So jetzt kommen wir zum Text.

HTML Code:

<html>
<head>
<title>Dein Titel der oben rechts stehen soll!</title>
</head>
<body bgcolor="Red">
E*pvpers

"Ich m�chte auch eine Aufz�hlung haben","Kein Problem"

HTML Code:

<html>

<body>
<ul>
<li>Punkt1
<li>Punkt2
<li>Punkt3
</ul>

Wenn man es durchnummeriert haben m�chte dann schreibt man anstatt <ul>
<ol>.

HTML Code:

<html>

<body>
<h1>Dies ist eine �berschrift</h1>

So schreibt man eine �berschrift in z.B. einem Tutorial ist dies sehr hilfreich.
Ein Bild einbinden ist auch sehr leicht

HTML Code:

<body>
<img scr="Bild.gif">

Fertig!
Aber es kommt noch besser :rolleyes:

HTML Code:

<body>
<img scr="Bild.gif" width=50 Height=50 alt="Wenn die Maus auf diesem Bild ist erscheint dieser Text!">

So gibt man an welche Ma�e das Bild hat und welcher Text erscheint wenn man die Maus drauf zieht.
Wie kommt man von meiner Homepage auf Elitepvpers wenn man ein Link anklickt?

HTML Code:

<body>
<a href="www.elitepvpers.com>Elitepvpers</a>
<a href="Home.html>Mit diesen Link kommt man auf die Sartseite deine Seite</a>

Problem der Besucher ist von deiner Webiste runter gegangen...

HTML Code:

<body>
<a href="www.elitepvpers.com" target=_blank>Elitepvpers</a>

Problem gel�st!
Jetzt �ffnet sich ein neues Fenster!
Ich m�chte etwas von meiner Homepage downloaden...

HTML Code:

<body>
<a href="Datei.exe>Datei.exe</a>

Was nicht fehlen darf: Roll- und Blink Text:

HTML Code:

<body>
<marquee><blink>Dein text</blink></marquee>

Und jetzt eine Tabelle

HTML Code:

<body>
<table><th>Internet-Seiten><th>Klicks
<tr><td>Google<td>2.200.00
<tr><td>Ebay<td>1.200.000
<tr><td>Microsoft<td>2.000.000
<tr><td>Elitepvpers<td>300.000.000

:cool:
Ich h�tte gerne eine Umfrage wie ihr E*Pvpers findet

HTML Code:

<body>
<form action="mailto:[Only registered and activated users can see links. Click Here To Register...]" method=post>
Bitte gibt dein E*pvper Name ein:<input type=text name=Name>
Welches Spiel hacken sie am liebsten:
<select name=Spiel size=4>
<option>Metin2
<option>WoW
<option>CSS
Magst du E*pvpers?
<input type=checkbox name=ja oder nein value=JA>Ja <br>
<input type=checkbox name=ja oder nein value=Nein>Nein<br>
<input type=submit vlaue="Senden">
<input type=reset value="Formular leeren">

Ich m�chte ein G�stebuch. Sorry wenn ich ein guites gefunden habe edit ich es rein. (Google ist dein Freund)
6. Javascript

HTML Code:

<head>
<script language="Javascript">
<!--
alert("Hallo du da vorm PC :)");
//-->
</script>

Ja Javascript kommt in den Kopf!!
Welches System habe ich?

HTML Code:

<head>
<script language="Javascript">
<!--
function info ()  {
var hoehe, breite, farbe, os, browser;
hoehe = screen.height;
breite = screen.width;
farbe = screen.colorDepth;
os = navigator.platform;
browser = navigator.userAgent;
alert(" Deine Bildschrimh�he betr�gt " + hoehe + " Pixel!");
alert ("Die Breite deines Bildschrim betr�gt " + breite+ " Pixel!");
alert("Die Farbtiefe betr�gt " + farbe + " Bit!");
alert ("Du benutzt " + os + "!");
alert("Du benutzt den Browser " + browser +"!");
}
//-->
</script>
</head>
<body>
<form>
<input type=button vlaue="Infos" onClick=info ()>
</form>

Das Pull-down Menu:

HTML Code:

<head>
<script language="Javascript">
<!--
function wechsel () {
var auswahl ;
auswahl=document.form.wahl;
location=auswahl.options[auswahl.slectedIndex}].value;
}
//-->
</script>
</head>
<body>
<form name="form">
<select name="Wahl" onChange=Wechsel ()>
<option value=Change.html" selcted>Bitte W�hlen!</option>
<option value=seite1.html>Seite1</option>
<option value=seite2.html>Seite2</option>
/select>
</form>

So! Fast geschafft!
Jetzt kommt nochmal mein Lieblingscode(findet heraus was er macht):

HTML Code:

<script><!--//
var tit = document.title;
var c = 0;
function writetitle() {
document.title = tit.substring(0,c);
if(c==tit.length)
{
c = 0;
setTimeout("writetitle()", 1500)
}
else {
c++;
setTimeout("writetitle()", 500)
}
}
writetitle()
// -->
</script>

Und jetzt nur noch wie es endet:

HTML Code:

</body>
</html>

Und die Zusammenfassung:

HTML Code:

<html>
<head>
<title>Dein Titel</title>
<script><!--//
var tit = document.title;
var c = 0;
function writetitle() {
document.title = tit.substring(0,c);
if(c==tit.length)
{
c = 0;
setTimeout("writetitle()", 1500)
}
else {
c++;
setTimeout("writetitle()", 500)
}
}
writetitle()
// -->
</script>
</head>
<body background="Bildname.gif">
<form action="mailto:[Only registered and activated users can see links. Click Here To Register...]" method=post>
Bitte gibt dein E*pvper Name ein:<input type=text name=Name>
Welches Spiel hacken sie am liebsten:
<select name=Spiel size=4>
<option>Metin2
<option>WoW
<option>CSS
Magst du E*pvpers?
<input type=checkbox name=ja oder nein value=JA>Ja <br>
<input type=checkbox name=ja oder nein value=Nein>Nein<br>
<input type=submit vlaue="Senden">
<input type=reset value="Formular leeren">
<a href="Datei.exe>Datei.exe</a>
<a href="www.elitepvpers.com" target=_blank>Elitepvpers</a>
</body>
</html>

Ich hoffe ihr postet eure Website und ihr k�nnt auch noch ein bisschen rumexpiriementieren das k�nnt ihr auch posten!
Bei Fragen bin ich f�r euch offen!

Ich hoffe es hat euch gefallen mein n�chstes TuT gibts wenn meine H�nde nicht mehr vom endlosen schreiben wehtun xDDDD!

MFG BestSHocker!!!!!
€:Sorry wenns der falsche Bereich ist geh�rt aber i-wie zu beidem (TuT und coding!)