In diesem Tutorial wird gezeigt, wie man von Grund auf eine eigene Webseite erstellen kann.
Im ersten Teil erkläre ich die Tag-Syntax von HTML, und wir erstellen eine erste kleine Seite mit Links, und einem Bild.
In Teil 1 des Tutorials wie man eine eigene Webseite erstellt erkläre ich, wie HTML aufgebaut ist, was Tags sind, wie man sie verwendet und wir erstellen eine erste einfache Webseite.
Ich arbeite in diesem Tutorial mit folgendem Programm:
- Webocton Scriptly –
– Kostenlos
Wenn ihr nicht unter Windows arbeitet, kann ich folgende Programme empfehlen:
- (Oracle) NetBeans –
– Kostenlos - Sublime Text –
– $59 (ca. 45€)
Hier der Quellcode des ersten Tutorials. Mit vielen Kommentaren ausgestattet und dadurch selbsterklärend :)
<!-- Zuallererst, das ist ein Kommentar. Kommentare werden nachher "ignoriert",
sie dienen lediglich uns, damit wir unseren Quelltext auch nach 3 Monaten noch
verstehen. Aber dafür muss man die Kommentare richtig einsetzen!-->
<html>
<head>
<title>HTML Tutorial</title> <!-- Der Tag "title" spezifiziert den Text der nachher
in der Titelleiste des Browsers angezeigt wird -->
</head>
<body>
<h1>Das ist ein Test.</h1> <!-- Die h 1-6 Tags werden verwendet, um Über- bzw. Unterüberschriften
zu formatieren. -->
<a href="http://youtube.com/playingthat"> <!-- Der a-Tag (Anchor) erstellt einen Link, dessen Ziel mit dem
href (Hypertext-Refence) Atribut festgellegt wird. Innerhalb
des Tags Anchor Tags können alle möglichen HTML Elemente,
in diesem Fall ein Bild, stehen, die dadurch verlinkt werden.-->
<img src="logo.jpg" />
</a>
</body>
</html>
5 Antworten auf „Eigene Webseite erstellen #01 – Html Text, Links, Bilder“
haalo playingthat, gutes tutorial aber vielleicht könntest du den quelltext noch ein bisschen erklären also im artikel hier. danke!
Nice Danke bist der beste :)
Danke :)
Danke, du bist mein HTML Lehrer. :D
Danke!