Kategorien
Eigene Webseite erstellen

Eigene Webseite erstellen #03 – Erweitertes Design, Hintergrund, Links, Formular

In diesem Video werden weitere Grundlagen von HTML erklärt, zum Beispiel, wie man ein Hintergrundbild, Textlinks und ein Formular erstellt.

 

Zuerst gehe ich in diesem Teil darauf ein, dass ich im vorherigen Tutorial leider einige Wichtige Sachen Rausschneiden musste, welche allerdings im dazugehörigen Artikel hier auf der Webseite relativ ausführlich ergänzt wurden. Wer also den Artikel zum 2. Teil noch nicht gelesen hat, kann das gerne hier tun </schleichwerbung>.

Hintergrundbilder, die man auf seiner Webseite benutzen darf, gibt es übrigens zum Beispiel hier: www.entheosweb.com

Hier wie immer an dieser Stelle der Quellcode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
    <title>Eigene Webseite erstellen - 3</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />

</head>

<body background="background.jpg" link="#FFFF04" alink="#04FF19" vlink="#00FFFF">

    <div style="text-align: center;">
        <span style="font-family: Arial;">
            <h1> Das ist ein Test. <br /> </h1>
            <a href="http://google.de"> GOOGLE <br /> </a>
        </span>

        <a href="http://youtube.com/playingthat">
            <img src="logo.jpg" /> <br />
        </a>

    <form>

            <input type="text" name="textbox1"  value="Textbox 1." />
            <input type="text" name="textbox2" value="Textbox2" size="20" maxlength="10" /> <br />

            <input type="checkbox" name="1" value="Checked" checked="checked" />
            <input type="checkbox" name="2" value="Checked2" checked="checked" />

        </div>
    </form>

</body>
</html>

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.