1 min Devops

How to: Een website maken [Deel 1]

Documenten aanmaken.

Werkwijze


Oké laten we beginnen! Allereerst maken we een html en een css document.

PHP Code
1
2
3
4
5
6
7
8
9
10
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
 
<body>
</body>
</html>


CSS Code
1
2
@charset "utf-8";
/* CSS Document */


Nu moeten we er voor zorgen dat het css bestand ook word gelezen door het html document. Plaats deze code tussen <head> en </head>

PHP Code
1
<link rel="stylesheet" href="templates/style.css" type="text/css" />


‘rel’ staat voor ‘relationships’. Dit geeft aan dat hij de link wel moet laden alleen niet moet renderen. ‘href’ staat uiteraard voor de locatie van het bestand. ’type’ is het type van het te laden bestand. Wat in ons geval een .css bestand is. ’text/css’ geeft aan dat het een tekst bestand is wat css code bevat. Evenals text/javascript een tekst document met javascript is. En text/html een tekst document met html.

Waar ’templates/style.css’ staat vul jij natuurlijk de locatie + naam in van jouw bestand.

Als je alles hebt opgeslagen ziet het er als het goed is zo uit:

How to: Een website maken [Deel 1]

Table of contents