HTML Basic Layout

Setting up our Index.html file

*Tip: Try having a notepad and writing down what you learn!

Back
Download Notes

In this video we set up our Index.html file with the bare basics so that the file will operate the way we want it too. We will go over some of the links and structural elements necessary to working HTML page.

Main Points:

  1. Where you can find the basic layout (w3schools).
  2. What the different parts of the document mean (simplified).
  3. How to connect our "main.css" and "start.js" files.
  4. Testing the connections!
Notes:
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript" src="/js/start.js"></script>
Extra:
HTML:
<h1>Hello, World!</h1>
CSS:
body {
background-color: teal;
}
JS:
alert("Hey!");
Sign Up