Difference between revisions of "Github and Website Workshop/HTML setup"

From OpenHatch wiki
Jump to navigation Jump to search
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
 
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

Next: Challenge 4