Game World!: How to Use Simple HTML Format

Tuesday, 1 December 2020

How to Use Simple HTML Format

This guide will show you how to easily create simple sentences and paragraphs in HTML. There are many programs use to create web sites but the basic way to do it is using your notepad and HTML language.

HTML Help

Sample Simple Webpage

Sample Webpage with HTML

HTML Cheat Sheet

Method1
Using Simple HTML Format

1
Understand HTML tags:
- To program in HTML we use "tags". They are the ones that give format to the text that is going to appear in your website, make tables, insert images, etc.
- A tag goes between this symbols "< >", like this, for example: .
- Everything else that is not between "< >" is what is going to appear in the website.
- Open tags don't have to be closed, and are used for purposes other than formatting text. For example, the open tag inserts a line break.
- Close tags (the most common ones) have to be closed. This is done by writing the tag with a "/" in the place where its content ends. For example, the tag needs to be closed when the paragraph inside it ends, like this:
```
Hi, my name is Dane.
```
2
Open a new text document.

Type a basic HTML document:

<!DOCTYPE html>
<html>
<body>
<p>Welcome to my first web site</p>
</body>
</html>

4
Save the document with any name you like and the .html extension. For example as "website.html". If you use any extension except .html or .htm, your system and browser will not recognize it as HTML file and not open it correctly.
5
Find the document you saved. On Windows, it will have an IExplorer symbol by default. If you have set a browser other than Internet Explorer as your default, it will have the symbol of that browser instead. On Ubuntu, its symbol will be a grey </>.
6
Open the HTML document. You can double click on it in a file manager, or press Ctrl+O in most browsers and then select the file. The result will be the sentence "Welcome to my first web site" displayed on an otherwise empty page, as shown in the screenshot.
7
Experiment with new tags. here's a list of the most common tags:
- Strong emphasis (usually displayed as bold). Use:
 Bold text here.
 To make:
 Bold text here.
- Emphasis (usually displayed as italic). Use:
 Italic text here.
 To make:
 Italic text here.
- Different style (usually displayed as underline). Use:
 Underlined text here.
 To make:
 Underlined text here.
- CSS styles. This is used to give the text a specific look, like another colour or font. Use:
 CSS-styled text here.
 To make:
 CSS-styled text here.
 In older versions of HTML, you could use the tag for this, but it's no longer supported in HTML5.