Inhalt:
- Was ist html?
2. Ein Grundgedanke
3. Was brauche ich?
4. Webhoster
5. Mein erstes Html-Dokument
6. Javascript
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>
dann kommt
HTML Code:
<head>
Jetzt kommt der
HTML Code:
<title>Dein Titel der oben rechts stehen soll!</title>
Jetzt kommt der Befehl damit der Kopf hier endet.
HTML Code:
</head>
Jetzt kommt der Körper
HTML Code:
<body>
Also haben wir bis jetzt folgendes:
HTML Code:
<html> <head> <title>Dein Titel der oben rechts stehen soll!</title> </head> <body>
HTML Code:
<body bgcolor="Name der Farbe oder Farbcode">
HTML Code:
<body background="Bildname.gif">
HTML Code:
<html> <head> <title>Dein Titel der oben rechts stehen soll!</title> </head> <body bgcolor="Red"> E*pvpers
HTML Code:
<html> <body> <ul> <li>Punkt1 <li>Punkt2 <li>Punkt3 </ul>
<ol>.
HTML Code:
<html> <body> <h1>Dies ist eine Überschrift</h1>
Ein Bild einbinden ist auch sehr leicht
HTML Code:
<body> <img scr="Bild.gif">
Aber es kommt noch besser
HTML Code:
<body> <img scr="Bild.gif" width=50 Height=50 alt="Wenn die Maus auf diesem Bild ist erscheint dieser Text!">
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>
HTML Code:
<body> <a href="www.elitepvpers.com" target=_blank>Elitepvpers</a>
Jetzt öffnet sich ein neues Fenster!
Ich möchte etwas von meiner Homepage downloaden...
HTML Code:
<body> <a href="Datei.exe>Datei.exe</a>
HTML Code:
<body> <marquee><blink>Dein text</blink></marquee>
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
Ich hätte gerne eine Umfrage wie ihr E*Pvpers findet
HTML Code:
<body> <form action="mailto:" 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">
6. Javascript
HTML Code:
<head> <script language="Javascript"> <!-- alert("Hallo du da vorm PC :)"); //--> </script>
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>
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>
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>
HTML Code:
</body> </html>
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:
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!)
