[TuT]Die ersten HTML Schritte

10/25/2009 14:00 Baby Mario#1
Hallo,


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:[Only registered and activated users can see links. Click Here To Register...]">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:David" />


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: [Only registered and activated users can see links. Click Here To Register...]. Evtl. müssen Sie diesen auch erst noch aktivieren. Ob dieses auf Sie zutrifft, erfahren Sie in den Unterlagen, die Sie von Ihrem Anbieter erhalten haben oder auf dessen Hilfeseiten im Internet.

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 [Only registered and activated users can see links. Click Here To Register...]).

Wenn Sie eine Ihrer Seiten in “index.htm” (oder “index.html”) umbenennen, wird diese automatisch die Startseite. Wenn man z.B. nur [Only registered and activated users can see links. Click Here To Register...] (ohne Dateinamen) eingibt, wird in Wirklichkeit die Seite [Only registered and activated users can see links. Click Here To Register...] geöffnet.

Auf längere Sicht könnte es vielleicht eine gute Idee sein, wenn Sie sich Ihren eigenen Domainnamen zulegen (z.B. [Only registered and activated users can see links. Click Here To Register...] oder [Only registered and activated users can see links. Click Here To Register...]) und somit lange und komplizierte Adressen vermeiden, die von Ihrem Internetanbieter oder dem Anbieter des kostenlosen Speicherplatzes vorgegeben werden. Ob Ihre Wunschdomain noch frei ist, können Sie z.B. bei DENIC, der zentralen Registrierungsstelle für .de-Domainnamen, nachschauen. Eine Bestellung des gewünschten Domainnamens können Sie dann bei einem Webhoster Ihrer Wahl vornehmen.

By html.net
10/25/2009 14:02 °Remus°#2
wo hast du das denn kopiert?
10/25/2009 14:02 .:YouTube:.#3
[Only registered and activated users can see links. Click Here To Register...]
10/25/2009 14:05 Baby Mario#4
Quote:
wo hast du das denn kopiert?
garnicht habe ich grade selbst geschrieben auser das mit Wie Lade ich es hoch.
10/25/2009 14:06 ms​#5
Quote:
Originally Posted by Baby Mario View Post
garnicht habe ich grade selbst geschrieben auser das mit Wie Lade ich es hoch.
[Only registered and activated users can see links. Click Here To Register...]

pwnd
10/25/2009 14:08 Baby Mario#6
HTML Tutorial - Inhaltsverzeichnis | HTML Tutorial | HTML.net

Ja, da habe ich das wie Lade ich die Seite ins internet her.
10/25/2009 14:18 Ende!#7
Quellangabe wär vll nicht schlecht...
Außerdem versteht man wohl nicht viel wenn man HTML nicht schon kannn ...
10/25/2009 14:26 Baby Mario#8
€Edit: Habe jetzt die Sache die ich Kopiert habe von html.net Quelle angegebn
10/25/2009 14:58 Max_-_Speed#9
Das Tut ist Dreck!!! Keine richtigen Beispiele & es wird nicht richtig erklärt! Wenn dann noch dazu kommt, das du es kopiert hast... :facepalm:
10/25/2009 16:53 Bobi1#10
die ganzen befehle kann ja fast jeder.
keine beispiele.
und die rechtschreibung war auch nicht so das wahre da würde ich besonders drauf achten wenn ich ein tut schreibe.
und damit soll ich jetzt eine webseite schreiben können?
zusammengefasst heißt das, das dein tut nicht so das wahre ist.
10/25/2009 17:37 ©Vuven©#11
[Only registered and activated users can see links. Click Here To Register...]

das is 3x mal so gut!!!!

glotzt euch das rein der
typ macht das bombe!
vtut alles einfach
zu verstehen
wer html lernen will
soll sich das rein ziehen^^
10/25/2009 17:40 Baby Mario#12
welche befehle sollte mann denn noch wissen?
10/25/2009 18:12 unknown661#13
damit fängt man nichts an

außerdem wer lernt nach so einen tut html für soetwas gibt [Only registered and activated users can see links. Click Here To Register...] usw...
10/25/2009 23:21 MoepMeep#14
@Baby Mario Behalt deinen geistigen Dünnschiss bitte bei dir ~.~