HTML tutorials
Tutorial 1 - Intro / Creating a basic HTML page
HTML is the basic "language" that is used to create webpages. With CSS becoming much more widely used, HTML is used mainly for structuring the content of a page. Positioning and color, on the other hand, are done through CSS
To create a webpage, you can use any standard built in text editor such as notepad, but I recommend using notepad++
To start creating your first web page:
- Right click on a blank spot on your desktop(or in a folder), and click on New->text document
- Rename the file to: index.html
- Right click on the file and select->open with and select: notepad
You are now free to edit your html document! You can also double click on your file, or drag it into your browser to see how it looks in a browser.
The following block is the basic structure of any HTML page:
Click here to
If you type out the previous code in a html document, save it, then view it in your browser, it will show the title at the top of the browser window as the title above(My first webpage) and the only thing on the page will be what is between the body tags above.
Explanation:
Every webpage has to be surrounded with the 'html' tag. This lets the browser know that you are going to be using html, and can include additional information.
The 'head' tag does not hold information that is displayed on the page itself. It can hold a title, along with other information, such as styling(css) or javascript(which allows your page to be interactive).
The 'body' tag is where you get to put the content! Anything you put between the opening tag(<body>) of the body and the closing tag(<⁄body>) will be displayed on your webpage.
Feel free to experiment more on the code above - change the title or change what is shown in the body of the page.
For additional reference on HTML, look at w3schools.com, the best resource I have found for HTML, CSS and javascript!
