How to create my first web page using html.


HTML stands for Hyper Text Markup Language, it is the standard markup language for creating Web pages. HTML IS not a programming language it is rather a Markup language for creating webpages/documents. Hypertext refers to the hyperlink that an HTML page contain. Markup Language refers to the way the  tags are used to define the way the tags are used to define the page layout and elements within the page. HTML elements are the building blocks of HTML pages and they are represented by <> tags.

WHAT DO YOU NEED TO START creating webpages with HTML

  • You need internet connection
  • A web browser of your choice (google Chrome, Mozilla Firefox, Safari. Or Edge)
  • A text editor of your choice(sublime text,, Visual Studio Code, Brackets, Notepad++ for windows and  texmate for Mac)
  • Creating a html file does not need a server
  • Files must end with .hml file extension

What can you do with HTML

  • Publish online documents with headings, text, tables, lists, photos, etc.
  • Retrieve online information via hypertext links, at the click of a button.
  • Design forms for conducting transactions with remote services, for use in searching for information, making reservations, ordering products, etc.
  • Include spread-sheets, video clips, sound clips, and other applications directly in their documents.

I will take you through a typical html website with No style, styling is usably done with CSS which will be cover in the next discussion.

Follow the Steps below to create your first Html page:

Step 1: Open Notepad (PC)

Windows 8 or later:

Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.

Windows 7 or earlier:

Open Start > Programs > Accessories > Notepad

Step 1: Open TextEdit (Mac)

Open Finder > Applications > TextEdit

Also change some preferences to get the application to save files correctly. In Preferences > Format > choose “Plain Text”

Then under “Open and Save”, check the box that says “Display HTML files as HTML code instead of formatted text”.

Then open a new document to place the code.

Step 2: Write Some HTML

Write or copy some HTML into Notepad.

<!DOCTYPE html>

<h1>My First Heading</h1>

<p>My first paragraph.</p>


Step 3: Save the HTML Page

Save the file on your computer. Select File > Save as in the Notepad menu.

Name the file “index.htm” and set the encoding to UTF-8 (which is the preferred encoding for HTML files).

Step 4: View the HTML Page in Your Browser

Open the saved HTML file in your favorite browser (double click on the file, or right-click – and choose “Open with”).

The result will look much like this:

That is basically it, we will dive deep into styling our pages in he next discussion. i hope this will be useful.

Leave a Reply