Introduktion till webbutveckling (DA156A)

Malmö Högskola

Föreläsning 2 - Introduktion till HTML



Dagens exempel

Ni kan ladda ner hela webbplatsen i ZIP-format här

index.html


<!doctype html>
<html>
	<head>
		<title>Min webbplats</title>
		<meta charset="utf-8">
		<meta name="author" content="Anton Tibblin">
	</head>
	<body>
		<h1>Välkommen!</h1>

		<h2>Meny</h2>
		<ul>
			<li><a href="index.html">Startsida</a></li>
			<li><a href="images.html">Bilder</a></li>
			<li><a href="links.html">Länkar</a></li>
		</ul>

		<p>... till min jättefina sida!</p>

	</body>
</html>

links.html


<!doctype html>
<html>
	<head>
		<title>Länkar</title>
		<meta charset="utf-8">
		<meta name="author" content="Anton Tibblin">
	</head>
	<body>
		<h1>Länkar</h1>

		<h2>Meny</h2>
		<ul>
			<li><a href="index.html">Startsida</a></li>
			<li><a href="images.html">Bilder</a></li>
			<li><a href="links.html">Länkar</a></li>
		</ul>

		<h2>Bra länkar</h2>
		<ul>
			<li>
				<a href="http://mah.se" target="_blank">mah.se</a>
			</li>
			<li>
				<a href="http://google.se">Google</a>
			</li>
			<li>
				<a href="http://aftonbladet.se">Aftonbladet</a>
			</li>
		</ul>
	</body>
</html>

images.html


<!doctype html>
<html>
	<head>
		<title>Bilder</title>
		<meta charset="utf-8">
		<meta name="author" content="Anton Tibblin">
	</head>
	<body>
		<h1>Bilder</h1>

		<h2>Meny</h2>
		<ul>
			<li><a href="index.html">Startsida</a></li>
			<li><a href="images.html">Bilder</a></li>
			<li><a href="links.html">Länkar</a></li>
		</ul>

		<h2>Bild på en söt katt</h2>
		<img src="http://www.readersdigest.ca/wp-content/uploads/2011/01/4-ways-cheer-up-depressed-cat.jpg" alt="En bild på en katt">

		<h2>Bilder från mina semestrar</h2>
		<img src="bilder/island.jpg" alt="Vattenfall på Island">

		<img src="bilder\usa.jpg" alt="Bild från USA">

	</body>
</html>

Användning av allt material är fritt, om motsatsen inte anges. Länka gärna! Formellt utrycks detta med licensen Creative Commons Erkännande 4.0 Sverige.

Webbplatsen drivs av Anton Tibblin, som också ansvarar för kursen Introduktion till webbutveckling, fristående distanskurs, Malmö högskola.