![[TuT]Die ersten HTML Schritte](https://www.elitepvpers.com/forum/iconimages/tutorials/tut-die-ersten-html-schritte_ltr.gif){kind=small}
Ich habe mir mal die mühe gegebn und ein kleines HTML Tuturial zu machen, also wo es um die Grundkenntnisse anfangs sachen
geht.
Also um den PC zu zeigen das wir einen html machen wollen fangen wir so an:
<html>
Wenn euer HTML code ende ist endet es so:
</html>
Also nun zum Header das wir damit anfangen wollen zeigen wir den PC so:
<head>
Und endet am ende so:
</head>
Der Body sieht so aus:
<body>
Endet so:
</body>
__________________________________________________ ________________________________
Um denn PC zu zeigen das ihr eine Überschrift nehmen wollt die oben im browser angezeigt wird macht ihr so z.b
<title>Mein HTML Test</title>
Nun wollt ihr eine Überschrift wählen das macht ihr so:
<h1><b>Herzlich willkommen</h1></b>
Wichtig:
Ihr könnt auch Sub-Überschriften machen das macht ihr dann so
<h2>Text</h2>
<h3>Text</h2>
...
Wichtig:
Das <b> und </b> stehen dafür das es dick geschrieben werden soll
Wollt ihr einen link einfügen macht das so:
<a href="http://www.google.de">www.google.de</a>
Email adresse rein machen? so!:
<a href="mailto:
">Email verschicken an mich</a>Nun zu denn Stichpunkten:
<ul>
<li>Test I</li>
<li>Test II</li>
<li>Test III</li>
</ul>
Wollt ihr einen strich machen?:
<hr />
Kusiv schreiben?
<i>Text></i>
Schmall schreiben?
<small> </small>
Tabelle???:
<table border="1">
<tr>
<tb>Zeile 1</tb>
<tb>Zeile 2</tb>
</tr>
<tr>
<tb>Zeile 3</tb>
<tb>Zeile 4</tb>
</tr>
Hintergrund Style?
wenn ihr mit Body anfangt fangen wir so an:
<body style="background-color:#ff0000;">
Text farbig:
<h2> style="backgroud-color:ff0000;">Mein Text</h2>
Farbcodes:
Weiss: #ffffff
Schwarz: #000000 (Nullen)
Rot: #ff0000
Blau: #0000ff
Grün: #00ff00
Gelb: #ffff00
oder so:
<body style="background-color: red;">
Bilder?
<img src:"deinedatei.jpg" alt
avid" />Text schreiben?
<p>Hallo, ich bin in Elitepvpers und heiße dort Baby Mario xD</p>
Mit welchem Programm am besten machen?
Mach es mit Editor!
Wie Speichern?
Wenn du es bei Editor Speicher machst du es so:
Dateinname: DeinName.htm WICHTIG: .htm muss immer dahinter so das er erkennt das es HTML ist.
Dateintyp: Alle datein
Codirung: ANSI
Nun kannst du sie öffnen und nur du kannst sie sehen!
Quote:
Wie lade ich sie ins netz?
Bis jetzt konnten ja nur Sie selber Ihre Seiten anschauen. Jetzt ist die Zeit gekommen, dass auch der Rest der Welt Ihre Meisterwerke betrachten kann.
Ist die Welt dafür vorbereitet?
Ja, die Welt ist es – und Sie werden es auch bald sein. Um Ihre Webseite ins Internet zu bekommen, benötigen Sie Serverspeicherplatz (sog. Webspace) und ein kostenloses FTP-Programm.
Es ist durchaus möglich, dass Ihnen Ihr Internetanbieter (Provider) etwas an Webspace zur Verfügung stellt. Die Adresse könnte dann etwa in dieser Art und Weise lauten:
Eine andere Möglichkeit wäre, sich im Internet bei Anbietern von kostenlosem Webspace anzumelden. In der gleichen Art und Weise, wie Sie sich für eine kostenlose eMail-Adresse bei WEB.de oder GMX anmelden, können Sie dies auch für kostenlosen Webspeicherplatz tun. Einige Unternehmen bieten solch einen Service an – so z.B. Angelfire (melden Sie sich an und wählen kostenlose Mitgliedschaft) – es dauert nur ein paar Minuten, sich anzumelden.
Um FTP-Zugang zu einem Server zu erhalten, müssen Sie dessen Namen (Hostname) wissen (z.B. ftp.angelfire.com) und Ihren Loginnamen und Passwort bereit halten.
Ist das alles, was ich brauche?
Um auf den Server zuzugreifen und Ihre Seiten hochzuladen, benötigen Sie ein FTP-Programm. Möglicherweise haben Sie noch keines, aber zum Glück gibt es auch hier kostenlose Software zum herunterladen.
Es gibt viele verschiedene FTP-Programme. Eines der besseren ist FileZilla, welches komplett kostenlos ist. Sie können Sie FileZilla unter filezilla.sourceforge.net herunterladen.
Und wie lade ich die Seiten ins Netz?
Nachfolgend beschrieben finden Sie, wie Sie mit Hilfe von FileZilla Ihre Seiten auf den kostenlosen Webspace bei Angelfire laden. Das Vorgehen ist aber bei anderen Providern und FTP-Programmen, mehr oder weniger, das gleiche.
Starten Sie das FTP-Programm, während sie mit dem Internet verbunden sind. Geben Sie bei “Address” den Servernamen (ftp.angelfire.com) ein, bei “User” Ihren Benutzernamen und bei “Password” Ihr Passwort. Dann klicken Sie auf “Connect” (engl. für “verbinden”). Nun sollten Sie eine Verbindung zum Server hergestellt haben. Auf der einen Seite des FTP-Programmes sehen Sie den Inhalt der Festplatte Ihres Computers (“Local Site”). Auf der anderen sehen Sie die Inhalte auf dem Server (“Remote Site”):
Suchen Sie nun Ihre HTML- und Bild-Dateien auf Ihrem Computer (“Local Site”) und übertragen Sie diese mit Doppelklick auf den Server (“Remote Site”). Jetzt kann die ganze Welt Ihre Arbeit anschauen! (z.B. unter der Adresse
Wenn Sie eine Ihrer Seiten in “index.htm” (oder “index.html”) umbenennen, wird diese automatisch die Startseite. Wenn man z.B. nur
Auf längere Sicht könnte es vielleicht eine gute Idee sein, wenn Sie sich Ihren eigenen Domainnamen zulegen (z.B.
By html.net
