Difference between revisions of "Courses/single-page-portfolio"
Arjensuijker (talk | contribs) |
Arjensuijker (talk | contribs) |
||
| Line 6: | Line 6: | ||
First you will need to define the structure and the content of the site. This is what HTML is made for. | First you will need to define the structure and the content of the site. This is what HTML is made for. | ||
==== Doctype ==== | ==== Doctype, html, head and body ==== | ||
Start with declaring the doctype. This tells the browser that the document will be written in HTML. | Start with declaring the doctype. This tells the browser that the document will be written in HTML. After this, it's always smart to immediately write all the necessary tags you always need for an HTML document. This includes the html tag, but also the head and the body. In the head you will include information for the browser, like the document title and links to stylesheets and javascript files. In the body you will place the html that people will really see. | ||
<source lang="html5"> | <source lang="html5"> | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html> | |||
<head> | |||
<title>Title of the document</title> | |||
</head> | |||
<body> | |||
The content of the document...... | |||
</body> | |||
</html> | |||
</source> | </source> | ||
Revision as of 07:29, 19 June 2015
Getting a headstart
To get a headstart and leave everybody in the dust, follow the HTML & CSS courses on Codecademy [1] first.
A step-by-step guide to the HTML
First you will need to define the structure and the content of the site. This is what HTML is made for.
Doctype, html, head and body
Start with declaring the doctype. This tells the browser that the document will be written in HTML. After this, it's always smart to immediately write all the necessary tags you always need for an HTML document. This includes the html tag, but also the head and the body. In the head you will include information for the browser, like the document title and links to stylesheets and javascript files. In the body you will place the html that people will really see.
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
Doctype
Start with declaring the doctype. This tells the browser that the document will be written in HTML. <!DOCTYPE html>
