Github and Website Workshop/HTML setup

From OpenHatch wiki
Jump to navigation Jump to search

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