Hi! Today, you will learn how to make a (basic) website! Make sure you check the HTML Introduction page! The HTML Tags page can also be helpful.

Starting Edit

First, you must create a .html file. You should use Notepad++ or Sublime Text for this.

In the HTML file, write this:

<!DOCTYPE html>



<title>Page Title</title>



<h1>My First Heading</h1>

<p>My first paragraph.</p>



This will serve as a basic structure for the site. Replace "Page Title" with the title of the website. You can also delete what <body> contains. At this point, you're probably thinking something along the lines of:

Um, what exactly does this do? Edit

Well, this wouldn't be a very good tutorial if we didn't explain that! So, as surprising as it may be, we're going to explain it!

  • <!DOCTYPE html> tells the website we're using the latest version of HTML. Simple enough. This doesn't have a closing tag, for reasons that should be obvious.
  • <html> is where the HTML starts, amazingly. (You wouldn't think this was needed considering you've already told the website this entire document's going to be HTML...)
  • <head> contains all the information that you won't see directly on the webpage. This includes the title that appears on that page's tab, pre-set sub-routines, a link to a CSS page for the website and any webpage styling specific to that page, among many other things, but for now, we'll just include the title.
  • <title> starts, surprise surprise, the title of the page, swiftly followed by </title>, which ends the title.
  • </head> closes the head, oddly.
  • <body> marks the start of the body of the page - the stuff you actually see on the page. In layman's terms, this is where the cat videos go.
  • <h1> and </h1> start and end a heading, which in this case is heading 1. Headings vary from 1 to 6; the larger the number, the smaller the heading.
  • <p> and </p> mark a paragraph. Come on, you know what a paragraph is.
  • </body> closes the body. Presumably the webpage is an amputee, as there are no arms or legs.
  • You'll never guess what </html> does. Big drumroll... it closes the HTML. Didn't get it, did ya? You did? Oh. Right.