#1 Video Tutorial: HTML/CSS Erste Schritte

In diesem Tutorial wenden wir uns an Anfänger, die noch überhaupt keine Erfahrungen mit Webentwicklung gemacht haben. Wenn Ihr bereits das Video Tutorial zu den Grundlagen der Tools gesehen habt, dann geht es jetzt los mit den ersten Zeilen Code. Wir versuchen zu verstehen, wie die Grundgerüste der beiden Sprachen aufgebaut sind und bauen in dieser Doppel-Video Serie eine erste kleine Seite auf. Wenn wir die Grundlagen dann so langsam verinnerlicht haben, wenden wir uns in den nächsten Video Tutorials interessanteren Dingen zu.


Get the Flash Player to see the wordTube Media Player.

html Code


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">

<html>

	<head>
		<title>Erste Seite</title>
		<link rel="stylesheet" href="style.css" media="screen">
	</head>

	<body>

		<div id="wrapper">		

			<h1>Das ist eine &Uuml;berschrift</h1>
			<p>Das ist einfacher Text. Hier geht es <a href="seite2.html">weiter</a></p>

		</div>

	</body>

</html>

css Code

h1 { color: red; font-size: 19px; }
p { color: #666; }
a {	color: black; }

#wrapper { background-color: yellow; margin: 0px auto;
	width: 500px; padding: 10px; border: 1px solid black; }

Kein Kommentar zu “#2 Video Tutorial – HTML/CSS Erste Schritte”

  1. Mido sagt dazu:

    Super Arbeit, sehr gut erklärt!

    Danke

    Gruß

Kommentar schreiben