Top 10 HTML Tags That You Must Use While Posting a Blog Content
HTML uses an easy format that guides web browsers, whether on your computer or phone, to read and display webpages for you in a certain format. The main concept behind HTML is to design and include certain elements in your blog, for instance, images, lists, paragraphs, and many more. Below are ten most useful tags that you must ensure to use while preparing your blog post.
1. Links <a href=”http://www.mypage.com/” title=”description”>anchor text</a>.
A link is a very important element for a blog post. This is true because you get the advantage of referring your readers to another page of your blog, or another blog entirely. In most cases, links are lines highlighted in blue. When clicked, they open a certain URL.
The format for a link is
- <a href=”http://www.mypage.com/” title=”description”>anchor text</a>.
The format has three major parts that you need to understand.
- The href is the most important part of the tag since it contains the address to which the visitors are directed. This is the mypage.com address in the example above.
- The title is the description of the link, which is a major requirement for the HTML standards.
- The anchor text, the final part of the tag, is the part visible to the users. There are two main options for this part of the tag. You can decide to either have a sentence, a single word, or simply have an image that opens the address.
2. Bold <strong> and italic <em> tags
Bold and italic tags are the most common form of word formatting. When used, the bold tags provide a bold word or sentence, while the italic tag provides an italic format. These two are very crucial when highlighting important information for your blog fans or visitors. They help put emphasis.
The format for these two tags is very simple to understand.
- The bold tag is
<strong>my example</strong>
- The italic tag is
<em>my example</em>.
It is important to recognise that the initial tags for these two in the previous HTML versions were <b> and <i> respectively. These two, however, are no longer in use.
3. Headings <h2>my heading</h2>
There are different headings used in documents, from h1 to h6, depending on your content. The headings provide a great way to categorise the content on your blog. This makes it very easy to understand and read. The headings tags are very easy to implement on your blog.
For instance, for h2, you use the tag
- <h2>my heading</h2>.
The size of the letters keep growing smaller, but remaining unique to differentiate the different topics and subtopics.
4. Paragraphs <p>
Most people do not understand the importance of paragraphs in blogs. It is well known that spaces in content reduce the amount of boredom. More spaces help readers retain their interest in the content. Paragraphs also retain a uniform arrangement of the content and help separate different points availed in the content.
The paragraph tag is somehow unique and different from the other tags. It is also the easiest from all other tags. All you need to do to help the web browser recognize the start of a new paragraph is include <p> tag. The tag <p> signals the beginning of a new paragraph.
5. Lists <li>lists</li>
To make a list with the names Kevin, John, and Derrick, you simply use the tags <li> tags. However, you need to remember your list format, which uses the tags <ul></ul>, which defines bulleted lists, or <ol></ol>, which contains numbered lists. You must use these tags before and after the names and their tags.
- For ordered lists:
<ol>
<li>Kevin</li>
<li>John</li>
<li>Derrick</li>
</ol> - For unordered lists,
<ul>
<li>John</li>
<li>Kevin</li>
<li>Derrick</li>
</ul>
6. Blockquotes <blockquote>statement</blockquote>
Blockquotes make it easier to quote a long paragraph on its own while making the content unique. To use blockquotes, you simply need to use the <blockquote> tag. It has a citation tag commonly used together with it. This citation tag is <cite> which helps provide a reference to the source of the quote.
The blockquote tag is written as
- <blockquote>statement</blockquote>
7. Image<img class=”” title=”” src=”www.example.com” alt=”” width=”” height””
Images are important for every blog to help explain better. The image tag is written in the following format:
- <img class=”alignleft size-medium wp-image-1” title=”” src=”www.example.com” alt=”” width=”” height””.
These specifications help define the format and design of the image depending on your preferences related to your blog.
8. Line break <br>
A line break tag, written as <br>, helps you create your own line space definitions. This is important since the host of your blog has settings that define the spaces between your paragraphs, which might conflict with your needs. Using this tag, the browser is able to create simple, small spaces between lines of content.
9. Horizontal line <hr>
This helps break the monotony in content and separate different parts of content. The horizontal line is very important for blogs and uses the tag <hr>.
10. Code explanation <code>
When explaining code for a blog, you have to write the same tags. You also need the tags to appear in your content as they are written without the web browsers interpreting them as code. To do this, you simply need to use a <code> tag.
Conclusion
A blog is easy to run. However, to get visitors to come again and enjoy their time on your blog, you need to have a beautiful, well-arranged design. The HTML tags above help you achieve this design that helps attract visitors for more. Remember, a HTML tag needs a closing tag as well, written as </eg>. Without a closing tag, the browser would not recognise the tag’s function.