Behind this landing page, there is Hypertext Markup Language structure, well known as HTML5, which consists of a range of elements. Walking through on how this text was built up, we can see some important elements applied such as headings, paragraphs, listings, breaking and strong tags. Once I found myself questioning on how important these elements can be to structure a text or a landing page. The response which I came across was how important it is to the browser makes readable any content to us.Â
As we need a solid foundation and blocks to build a house, this could not be different in a text from any website. At very first, the text needs a root which is named as <html> </html>. Inside it, there are two elements which are at the same level of the hierarchy of this structure. They are <head> </head> and <body></body> elements. The head is not displayed in the content, actually it includes keywords and a page description which both appear in search results. Within the head there are <meta charset="utf-8"> attribute and <title></title> elements.
Following up on this, there are body tags which all elements inside are displayed in the landing page readable for users. In this post, we can see heading <h1> The Art of Blogging</h1> and paragraphs <p></p>. The paragraphs have a noticeable space which non- closing tag break function <br> was added. Additionally, in the following paragraphs there are ordered listings which are <ol> </ol> tags. To highlight these listings in bold, it was applied <strong> </strong> element. To conclude this text, it was added closing tags such as </p> to close the final paragraph and </html> to close the entire text.
Image taken from this blog below:
https://artofblogging.net/2021/03/07/the-art-of-writing-a-fantastic-article-per-week/
