Making a Webpage can be confusing because there are so many elements, the HyperText Markup Language is one way of communicating the what, where, when, and how of presenting the webpage to the browser.

2. Format Tags
Headings are formatted big and bold because
they need to stand out from the rest of the page’s
content to help the users figure out the different
topics covered by your site. Even if the site you wish
to develop is a personal or a hobby site, there
should still divisions for the different areas of your
personality or hobby.

5. Headings
Heading element have opening (e.g., <h3> and
closing e.g.,</h3>) tags to enclose the topic or section
title to be used. There are six levels of headings and all
except the first level (.i.e., <h1>) can be used over and
over throughout the HTML document . The first level
heading should be your main, or umbrella topic and the
other levels only your subtopics, so that the web users
will no be confused

6. Paragraph
Headings may used to introduce paragraphs. The paragraphs element tags
are simply <p> and </p>. As much as possible, paragraphs must be kept short.

7. Space
Spacing in HTML is overlooked by browsers. Browser interpret
an entry like “t h I s” (with tow spaces between each letter) as only
“t h i s” (with only one space between each letter), because multiple
spaces are still considered as one. However tell the browser to
register spaces by typing “&nbsp;” for each space that you want.
Line Break
To introduce line break between text, such as those in snail mail
city addresses, insert the break empty tag <br />, like in the example
that follows. Remember that there is always a line break between
paragraphs so you don’t have to put <br />, unless you want another
<ENTER> key effect.

9. HTML TAGS Description
<b> Boldface
<i> Italics
<strong> Strongly; same as boldface
<em> Emphasized; same as italics

10. FILO – First In Last Out
This applies to tags as well. Any combination of tags can be used, as long as
you close the innermost tag before closing its enclosing tag.
: Keep FILO rule in mind. You may interchange the tags as long as the first that you can
open is the last that you close.

11. Tags for Lists
HTML TAGS Description
<ul> Unordered or bulleted list
<ol> Ordered list
<li> Line item

12. Unordered or Bulleted List
This kind of list is enclosed in <ul> </ul> tags, while each item is enclosed in <li> </li> tags.

13. Ordered or Numbered List
This kind of list is enclosed in <ol> </ol> tags, with each list item inside <li> </li> tags.
<ol type=“1”> for Arabic numerals
<ol type=“I” or <ol type=“I”> for Roman numerals
<ol type=“a” or <ol type=“A”> for Alpha numerals

14. Definition List
This kind of list is enclosed in <dl> </dl> tags. The term to be defined is
noted within <dt> </dt> tags, while the term’s definition is noted inside <dd>
</dd> tags.

15. Nested Lists
In this list you can create a hierarchy of information, putting unordered lists inside the first list’s
item (<li> </li>) tags.

16. Preformatted Text and Horizontal Rule
The preformatted text element (with the <pre> </pre> )tag tells the browser to
display the fixed-width

18. Links or Hyperlinks are pointers to the pages they
reference and these are some of the most essential parts
of the Web. There are two types of links in HTML.
Depending on the page your web browser is trying to
access: external and internal. An external link is a link to a
file or to a webpage that does not belong to the webpage’s
own site. An internal link is a link to a file or a webpage
within the webpage’s own site or any part of the webpage
itself.

19. External Link
Internal Links

20. Linking to Other Parts of the Same Page

21. E-mail Address as Link
Image as Link