Basic HTML Tags, Anchors, images and Lists

Post author:Akash Jha
Post published:August 13, 2020

The <img> tag is used to insert an image into an HTML document. The image itself isn’t inserted directly into the document, the browser inserts an HTML image from the source specified in the <img> tag.

The <img> tag is empty, which means that the closing tag isn’t required. It contains only attributes. But in XHTML, the (<img>) tag must be closed (<img/>).

The <a> tag is used to insert hyperlinks to other pages, or files, locations within the same page, email addresses, or any different URL. You can use both text and image as a hyperlink.

In the browser, hyperlinks differ in their appearance and color. By default, HTML links appear as underlined blue text.

When you hover your mouse over a link, it turns red (active link). Links that are already clicked (visited links) become purple.

The <a> tag comes in pairs. The content is written between the opening (<a>) and closing (</a>) tags.

The <ul> tag is a block-level element, and occupies all available horizontal space.

Its height depends on the content within the container. An unordered list is typically rendered as a bulleted list.

The <ol> tag also represents a list of items and creates an ordered list. But it differs from <ul>, as the order in the <ol> tag is meaningful. By default, the items of an ordered list are displayed with numbers.

The <ul> tag comes in pairs. The content is written between the opening (<ul>) and closing (</ul>) tags.

The <ol> tag comes in pairs. The content is written between the opening (<ol>) and closing (</ol>) tags.

Try to get the same output you can use any image