Advanced HTML Tags - Coding Page Sections, Images, and Lists

Page content

Page Sections

In the latest article we have seen how anchor tags can be used to link text and images to another document by creating a single hypertext-related link using the tag (anchor tag).

In an HTML document, anchor tags are also used to create page sections that serve as a bookmark within a document. Such anchor tags take the readers to a particular section in a document. These anchor tags are referred to as named anchor tags since the HTML code includes user-created HTML names created within the document.

Anywhere in a document, you can specify a named anchor using the following HTML code:

Section Title

Via the above code, a user can link to the specified section in a web page either from the same document or from another document:

To link to a specified section from the same document the following code is used:

Link to section

To link to a specified section within a document from another document, a normal link needs to be specified followed by a section:

Link to section in document

Internal Hyperlinks

Page sections are also used to create internal hyperlinks within a document. These codes in fact are often used to create a “Table of Contents” within a document which lends a professional look to documents along with ease of navigation. Such internal hyperlinks enable the user to move from one location to another within the same document.


In an HTML document, images are defined with the tag, whereas the src attribute is used to identify the source from where the image will be displayed.

The src attribute can either point to the URL of the image to be displayed on the HTML document or otherwise give an indication of the filename of the image if it is stored locally on the server.

When uploading images, we can also use the alt attribute to define the image with an “alternate text” that is pre-defined by the author.

The alt attribute is useful to describe the image that is displayed on the HTML document. The alt attribute is extremely useful for those users who use text-only browsers and it is generally recommended that the alt attribute is always included when uploading images.


Unordered Lists

An unordered list is a list of items where the listed items are marked with bullets. The HTML code to create an unordered list starts with the tag, whereas list items starts with the tag:

Ordered Lists

In an ordered list, the items listed are marked with numbers. The code for an ordered list starts with the tag, whereas list items starts with the tag:

Definition Lists

A definition list is used to create a list of terms and their respective definitions. To create a definition list the tag is used. This is then followed with a definition-list term tag, and its corresponding definition-list definition tag, .

In the next installment of the HTML Web Page Coding Series we will cover how to create HTML forms in your HTML document.

This post is part of the series: HTML Web Page Coding

This series will guide users through a number of articles that explain basic HTML web page coding starting from the basic elements of an HTML document to advanced HTML coding that includes how to insert a table and build forms in a web page with HTML code.

  1. The Structure of an HTML Document
  2. Basic Formatting Codes in HTML
  3. Advanced Formatting in HTML
  4. How to Build Forms in HTML