Basic html

Den grundlæggende struktur i html – der er den overordnede html og så er der en head sektion som ikke er synlig i men indeholder metadata og evt link til typografi og de såkaldte stylesheets CSS. Selve indholdet af en htmlside findes i body sektionen.
html_dom

Når du laver din første side kan du bruge notepad og skrive disse tags og gemme dit dokument med filtypen html:

1
2
3
4
5
6
7
8
9
10

<!Doctype html>
<html>
<head>
	<title>Forside</title>
	<meta charset="UTF-8">
</head>
<body>
 
</body>
</html>

På mac konverteres til alm tekst under formater inden du gemmer filen:
Skærmbillede 2013-06-22 kl. 12.17.12

Den samlede kode som skal bruges til 1. opgave

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

<!Doctype html>
<html>
<head>
	<title>Forside</title>
	<meta charset="UTF-8">
</head>
<body>
	<h1 id="top">Min første side</h1>
 
	<ul>
		<li><a href="index.html"></a>Forsiden</li>
		<li><a href="andenside.html">Min anden side</a></li>
		<li></li>
	</ul>
 
<img src="img/html.jpg" alt="dette er et billed">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud <a href="http://www.dr.dk" target="_blank">exercitation</a> ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
<a href="#top">Link til toppen</a>
 
</body>
</html>

Leave a Reply