Learn How to Build a Website

List

hilmih — Thu, 04 Oct 2007 17:38:42 +0000

We may display the contents in a list format. There are two types of list; ordered and unordered.

The ordered list will display the contents in a numbered list (e.g. 1, 2, 3,… or a,b,c,…). The elements used for ordered list is

…. Each item in the list is represented with

…

element. Try this,:

First

Second

Third

This code will display the three lines in 1,2,3 format (default format). If you want to display in different format, say a,b,c then you should add type attribute in the

To produce an unordered list, change

…

Images

hilmih — Thu, 04 Oct 2007 17:22:37 +0000

To display an image on a website, element is used. Two important attributes contained in the element, i.e. src and alt. src attribute indentify the image to be displayed (by referring to the image name), and alt attribute specify the text to be displayed on the website if the image cannot be loaded by the browser.

For example, we want to display an image mypicture.jpg, so write the following:

Apart from just being displayed, an image may also be used as a hyperlink. This is especially true if we want to direct the browser to the other website after a user clicks on an image. Here is the example:

When a user clicks on the image, the browser will display this informative and useful blog again!

Hyperlinks

hilmih — Thu, 04 Oct 2007 17:05:31 +0000

Hyperlinks are used to refer to other source by clicking on the text or image. When we click on the hyperlink, browser will display a website page that we provide in the hyperlink element. The element is represented with …. The href is an attribute of the hypelink element, which is used to specify the location that we want to link to. Name the destination website in between double quotes and you’ll get the result. Try this:

I want to learn HTML

Click on the text and you will be seeing this informative blog coming out on your screen! Apart from directing the browser page to the other website, hyperlink may also be used to invoke an email client so that we could send an email to the address stated in the hyperlink attribute. The href attribute that should be written like this: href=”mailto:myfriend.yahoo.com”.

Font bold & italic, line break and horizontal line

hilmih — Thu, 04 Oct 2007 16:49:49 +0000

The previous two posts described on the very basic of HTML programming. Now, there are a few other elements that we may used, which are listed here:

… – all text in between will be bold.
… – all text in between will be italic.
– create a line break (skip to the next line).
– create a horizontal line on the page.

Headers

hilmih — Thu, 04 Oct 2007 16:39:52 +0000

HTML provides 6 levels of headers for us to display text as a title/header of the content. The header uses

…

for the largest font size, and

…

for the smallest font size. Try this code in your notepad:

My Header!

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

See what’s displayed on the screen, you will see all levels of headers, with different font size.

my first page!

hilmih — Thu, 04 Oct 2007 16:24:14 +0000

To display a website content is very simple. Firstly, we have to understand that there are a number of elements (or tags) in HTML, i.e. used for defining or describing the website contents.

HTML document always starts with element, and end with . Let us begin writing one simple message on the browser using HTML. Open your notepad and write the following:

My First Page!

Welcome to my page!

The HTML document is structured in two section, head and body where each section is represented with … and …. The contents of the website should be enclosed in the body section. To write a text, we use paragraph element, which is represented by

…

Close and save your file as “anyname.html”. Then double click on the file and you will see your message is displayed on the browser.