In the HTML file, write this:
<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.