Github and Website Workshop/HTML setup: Difference between revisions
Content added Content deleted
imported>Auria (Created page with "Welcome to Challenge 3 of the [https://openhatch.org/wiki/Github_and_Website_Workshop Github and Website Workshop] - setting up your html file! All web pages have the followi...") |
imported>Auria No edit summary |
||
| Line 33: | Line 33: | ||
Any saved images should be placed under the images directory |
Any saved images should be placed under the images directory |
||
[https://openhatch.org/wiki/Github_and_Website_Workshop/git-commit-changes Next: Challenge 4] |
|||
Latest revision as of 15:02, 6 March 2015
Welcome to Challenge 3 of the Github and Website Workshop - setting up your html file!
All web pages have the following structure:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Welcome to my website!</title>
<link rel="stylesheet" type="text/css" href="template.css">
</head>
<body>
Hello world!
</body>
</html>
1. From the terminal (or git bash) type touch index.html - this creates a new file called index.html (opens, saves, and closes)
2. Open index.html in your text editor and copy the content above into it
By the end of this workshop your directory will look like this:
index.html
portfolio.html
template.css
images/
Any saved images should be placed under the images directory