HTML/Training/Create HTML

From Web Education Community Group
< HTML‎ | Training
Jump to: navigation, search

Create HTML

Edit tools

You don't need a special tool for making HTML. We can write HTML by hand using a basic text editor such as Notepad on Windows, TextEdit on MacOS, gedit on Ubuntu Linux, etc. However you should choose an editor that allows you to save a page in the UTF-8 encoding (see more details below).

Web developers often use HTML editors:

  • Adobe Dreamweaver
  • Microsoft FrontPage or Expression Web
  • Bluefish

...etc.

Although the HTML markup of a Web page can be written with any text editor, specialized HTML editors can offer convenience and added functionality. But, I recommend that you use a plain text editor. This is often the best way to learn HTML.

try it

Let's make an HTML document.

1. Open Notepad (Windows users) or TextEdit (MacOS users).

2. Write the following example.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Sample Web page</title>
</head>
<body>
  <p>Hello!</p>
</body>
</html>

Note: Don't worry. You will learn the about these tags in the next chapter.

Saving the file

When you save the HTML document, you should follow the following two sections.

File names

File name's rules are as follows:

  • use either the ".htm" or the ".html" file extension.
  • use only alphabets, numbers, "-" (hyphen), and "_" (underscore).

Character Encoding

There are two rules for the setting of the character encoding.

1. The markup within the document must properly designate the encoding.

2. The file, itself, must be saved in the proper encoding format.

The explanation of first point is learnt in the following chapter. In this chapter, you will learn second point. That is, setting the character encoding of the HTML document file.

See also:

try it (Notepad)

1. Click on the "File" menu and then on "Save as".

2. Select "UTF-8" in the dropdown menu of the "Encoding".

3. Put in the file name. In this example, "index.html".


try it (TextEdit)

1. Click on the "TextEdit" menu and then on "Preferences".

2. Click on the "Open and Save" tab.

3. Select "UTF-8" in the dropdown menu of the "Encoding".

4. Click on the "File" menu and then on "Save".

5. Put in the file name. In this example, "index.html".


Web browsers

A Web browser is a software application for viewing Web pages. There are many kinds of Web browsers and each may display Web pages differently:

  • Internet Explorer (Microsoft)
  • Firefox (Mozilla)
  • Chrome (Google)
  • Safari (Apple)
  • Opera (Opera)

...etc

You should check whether the Web page is correctly made by two or more Web browsers.

See also Web Browser Share.

try it

Let's view your HTML document on the Web browser.

1. Open the Web browser that you like.

2. Drag & Drop the HTML document file to Web browser, or right-click the HTML file and select to open with the Web browser you want.

Can you view the your HTML document?

In the next chapter, you learn about HTML tags. "HTML Document"