Top 10 HTML tags that each blog and website owner should know

Web in the world is coded in many different languages. However, there is a language that can be found on all those sites, HyperText Markup Language, commonly referred to as HTML.

Web in the world is coded in many different languages. However, there is a language that can be found on all those sites, HyperText Markup Language, commonly referred to as HTML. As the name implies, HTML is not a program, but a markup language. Signs are interpreted by browsers to visualize content on websites. In the simplest form, HTML is used to format text, embed multimedia files and organize content on web pages. In other words, HTML describes web pages and based on this description, the browser creates an 'image'.

  1. 7 great HTML effects anyone can add to their website

Thanks to free website builders no one really has trouble with HTML code anymore. However, understanding HTML tags can be very useful, for example to make quick changes to web pages, add hypertext in comments or text formatting for forum posts. This article will introduce 10 simple but sure HTML tags that are useful for everyday use.

Before you start, you need to master some basic rules to understand HTML tags more:

  1. HTML uses markup tags included in curly braces as follows:
  2. Tags that look like the above example are called open tags. Each open tag must be followed by the closing tag (end tag), such as:
  3. Some cards do not describe content. However, to comply with current standards, they must still have a closing card. Therefore, they combine opening and closing cards, as follows:

1. Format text

Simple HTML tags are used to make bold, italic or underline text.

Input: bold
Output : bold

Input: italic
Output: italic

Input: underlined
Output: underlined

Input: strike through text
Output:strike through text

2. Create text

Top 10 HTML tags that each blog and website owner should know Picture 1Top 10 HTML tags that each blog and website owner should know Picture 1

Simple URLs look pretty bad. Add links to text, ie create a hypertext, much more stylish and save space, especially if the link is very long.

Input: Quantrimang
Output: Quantrimang

You may find this HTML tag a bit more complicated, so consider its structure in detail. The actual tag is and additional elements are attributes that define other properties.Href = define link and title = define tooltip. Please be sure to use quotes to attach links and titles, otherwise the link will be broken.

3. Embed image

Top 10 HTML tags that each blog and website owner should know Picture 2Top 10 HTML tags that each blog and website owner should know Picture 2

A picture can express more than a thousand words. We should use them more often. And here's how you can insert an image yourself using HTML:

Input: Top 10 HTML tags that each blog and website owner should know Picture 3Top 10 HTML tags that each blog and website owner should know Picture 3

Let's analyze this tag. The actual card is Top 10 HTML tags that each blog and website owner should know Picture 4Top 10 HTML tags that each blog and website owner should know Picture 4 and the required attributes are src = and alt = . The previous point to the location of the image, ie its URL and then provides an alternative text, is displayed in case the image is blocked or the link is broken. Note, use quotation marks to avoid broken links.

Card Top 10 HTML tags that each blog and website owner should know Picture 5Top 10 HTML tags that each blog and website owner should know Picture 5 also an example of a card does not need to "close" and therefore closes with the front dash in the original card, ie Top 10 HTML tags that each blog and website owner should know Picture 6Top 10 HTML tags that each blog and website owner should know Picture 6 not Top 10 HTML tags that each blog and website owner should know Picture 7Top 10 HTML tags that each blog and website owner should know Picture 7 .

4. Interrupts and texts

To create a structured text, you need to use line breaks and paragraphs. And here are the cards to know:

Input :

Output: This tag creates a line break. Note that this is another card that combines open and closed tags in the same card.

Output :

Text inside your paragraph.


Output: Unlike the previous card, paragraph tags have open cards and standard closing cards. The text between the two tags is the paragraph, meaning there is a blank line before and after the paragraph.

5. Create list

Top 10 HTML tags that each blog and website owner should know Picture 8Top 10 HTML tags that each blog and website owner should know Picture 8

There are basically two types of lists: ordered and unordered, often called numbered lists and bulleted lists. To create one of these two lists, you need to know two different tags. Consider the first examples:

Input:


    1. Item One

    1. Item Two

Output :

  1. Item One
  2. Item Two

Input:


    1. Item One

    1. Item Two

Output:

  1. Item One
  2. Item Two

To create an ordered list, use tags and unordered lists, insert tags. In both cases, cards

Used to identify an item in the list.

Now, have you felt more confident about using HTML tags?

4.5 ★ | 2 Vote