Marktplatz Downloads Tutorials Forum

Designnation bietet auch:

Tutorial hinzufügen

Beliebte Links Weitere Optionen

Tutorial suchen

Titel

Schlüsselwörter

(X)HTML / CSS Tutorial: HTML einführung



Ranking: 0   Kommentare: 5   |   Bewertung: Keine Berechtigung!  

Vorwort


ICh weis nicht ob es schon gibt aber, nun gut fangen wir an

Schritt 1


Alles hat einen Anfang und ein Ende (nur die Wurst hat zwei. das kenne wir schon)
Der Anfang und das Ende bei HTML-Codes ist, wie hätte man es anders erwartet: html
Gut,gut. Aber was fange ich damit an, werden sie sich fragen. Naja...ganz einfach.
Jeder Teil des HTML-Codes beginnt mit < und endet mit > (zB <html>)

Das ganze würde so aussehn:

<html>
Seiteninhalt
</html>

Das / ist um den Code zu beenden.

Schritt 2


Als nächstes müssen wir die Head-Zeile bearbeiten.
Das ist fast so leicht wie das <html></html>, nur dass der Code für die Head-Zeile dazwischen steht.

Was ist die Headzeile?

Hier stehn der Seitentitel und andere Effekte.

Wie soll ich sieht das als Code aus?

Es ist einfacher als man denkt.Man braucht natürlich wieder < , > und / .

<html>
<head>
<title>Seitentitel</title>
</head>
</html>

Schritt 3


Wählt die Ebeneneffekte dieser Ebene an und fügt einen "Rand" mit der Größe "1px" und Farbe "#000000", dazu! Immernoch bei den Ebeneneffekten wird noch ein "Schlagschatten" erstellt.
-> Füllmethode: Multiplizieren -> Deckkraft: 53% -> Entfernung: 8 px -> Streukraft: 0% -> Größe: 10px
(diese Werte können bei der Größe des Bildes variieren und müssen nicht 100% stimmen!)

Um nun eine richtige HTML-Seite zu bauen, brauchen sie natürlich etwas Inhalt. Sonst haben sie einen großen weißen
Fleck auf dem Monitor. Es läuft eigentlich genauso wie mit der Head-Zeile. Sie setzen den Code zwischen <html> und </html>
und schreiben den Inhalt hinein.

Den Code für den Inhalt beginnen sie so:

<body>

und beenden ihn mit </body> (wie den anders?)
Halt,halt! Das war noch nicht alles. Wollen sie etwa eine weiße Homepage haben? Nein?
Dann passen sie gut auf.
Es gibt noch Zusätze für <body>. Wenn sie einen schwarzen Hintergrund haben wolln, würde das so aussehn:

<body bgcolour="#000000">

Oder eine andere Textfareb:

<body text="farbe"
----

Um es nun zu beenden, zeige ich ihnen wie es dann als Code aussehn müsste:

<html>
<head>
<title>Seitentitel</title>
</head>

<body>
Seiteninhalt
</body>
</html>

Schritt 4


4. weitere html codes

<font face="schriftart">= /*Hier Name schriftart*/
<font color="red"> Text </font color="red">
Auch so möglich: <font color="..." face="..." size="...">text</font>
<u> = Unterstrichen </u>
<i> = kursive Buchstaben </i>
<strong> = fette Buchstaben </strong>
<big> = größere Schrift </big>
<p>= /*Umbruch mit neuem Absatz muss vor dem absatz auf, also <p> und danach wieder zu, also </p> gemacht werden. */
<center> = Zentrierung ohne Absatz
<hr> = Linie </hr>
<br> = Zeilenumbruch </br>
<b> = Fett </b>
<div align="center...">text</div>

Bild einfügen:
<img src=" url "width="100" height="245" alt="" border="0"> <border="0" /*kann weggelassen werden,
da hier nur ein unsichtbarer ramen gemacht wird, wenn man einen sichtbaren will muss man zB <border="1"> 1
ist für die Pixelstärke des Rahmens */

Hintergrund Bild:
<body background=" url "></body>

Fixiertes Hintergrundbild /*(seite scrollt, bild bleibt stehen)*/
<style type="text/css">
<!--
body { background-image:url(url); background-attachment:fixed; background-color:#330033; }
-->
</style>

Tabelle:
<div align="...">
<table border="0" width="..." hight="...">
<tr>
<td width="..."> </td>
</tr>
</table>
</div>

MicroSoft Browser:

<BGSOUND SRC="Sounddatei" LOOP="Wiederholungen">
Sounddatei = Musikdatei im .mid oder .wav Format
LOOP = Anzahl der Wiederholungen. LOOP="INFINITE" -> Unendlich, ansonsten eine Zahl notieren.

Netscape Browser:

<embed src="Sounddatei" autostart="true" loop="true" hidden="true" height="0" width="0">
<loop=true height=145 width=125 >= Grösse des Abspielers
<hidden=true>= versteckter abspieler
<autostart=true > = autostart



Veröffentlicht von: FreeZeKill3r
Veröffentlicht am: 18 Apr. 2005
Bookmarks: social bookmarking yigg it Linkarena Technorati Yahoo Mr. Wrong
Schlüsserwörter:

Kommentar(e) (5)


deleted_1308128954 sagt:

Schönes Tutorial!

24 May. 2008 16:58:27 • Antworten


muted-teddybear sagt:

Bei mir steht das auch ;) ganz oben bei Step 3 :P

5 Mar. 2008 23:03:59 • Antworten


bbburnett sagt:

steht bei mir aber auch. unter step 3.

19 Apr. 2005 02:37:45 • Antworten


FreeZeKill3r sagt:

dann steht bei dir was anderes als bei mir

18 Apr. 2005 18:02:26 • Antworten


neuni sagt:

"Wählt die Ebeneneffekte dieser Ebene an und fügt einen "Rand" mit der Größe "1px" und Farbe "#000000", dazu! Immernoch bei den Ebeneneffekten wird noch ein "Schlagschatten" erstellt.
-> Füllmethode: Multiplizieren -> Deckkraft: 53% -> Entfernung: 8 px -> Streukraft: 0% -> Größe: 10px
(diese Werte können bei der Größe des Bildes variieren und müssen nicht 100% stimmen!)
"

Was hat das mit HTML zu tun???

18 Apr. 2005 17:49:21 • Antworten



Anfang

<<

1

>>

Ende

Kommentar eintragen


!! Jetzt kostenlos anmelden oder einloggen und mitdiskutieren!


Partner: • Designer in ActionFlash HilfeTutorials.dePixelio.deFlashstar BlogLizenzfreie Bilder