Creating a OLD Style Blog using HTML (only)
3 min read
The main purpose of the website from the initial day itself is to provide quality information to the visitors which is accessed through Blogs. Hence blogging is the most common use of websites. So, here we will try to make an old-style blog using HTML tags which are as follows:
<h1>, <p>, <b>, <strong>, <s>, <mark>, <i>, <sup>, <sub>, <small>, <big>, <abbr>, <dfn>, <li> ( more tags can be used to make a blog)
The full form of each tag, full form of each tag is itself signifies its function.
<h1> is used for heading, varies till
<p> is used for a paragraph.
<b> is used for making the letters bold: hello world
<strong> is used for making a letter bold and to emphasize the text.
<s> is used for creating a strike on letter somewhat like this:
<mark> it is used to highlight the text like this: hello world
<i> is used for making the text italic such as: hello world
<sup> is used to write a text on text in small letters such as: Hello world
<sub> is used to write a text below the text in small letters
such as: Hello world.
<small> is used to make a text small
<big> is used to make a text big
<abbr> is used to give more info on hover.
<dfn> is used to give definition of the text
<li> is used to create a list.
Lets create a blog which includes the above tags
The html code is:
<html> <head> <title>Blog Page</title> </head> <body> <header> <h1 align="center">Welcome to my Blog Page</h1> </header> <main> <article> <h2 align="center">10 Tips for a Productive Workday</h2> <center> <img src="https://images.unsplash.com/photo-1514474959185-1472d4c4e0d4?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8NXx8cHJvZHVjdGl2aXR5fGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=500&q=60" alt="image" target="_blank"> </center> <p>Do you struggle to stay focused and productive throughout the day? Here are 10 tips to help you stay on track:</p> <ol> <li><strong>Start your day with a plan:</strong> Create a to-do list for the day, so you know what you need to accomplish.</li> <li><strong>Take breaks:</strong> Schedule regular breaks throughout the day to rest and recharge.</li> <li><strong>Eliminate distractions:</strong> Turn off your phone and close unnecessary tabs on your computer to stay focused.</li> <li><strong>Use the Pomodoro technique:</strong> Break your workday into 25-minute intervals with 5-minute breaks in between to stay productive.</li> <li><strong>Stay hydrated:</strong> Drinking enough water can help you stay alert and focused throughout the day.</li> <li><strong>Avoid multitasking:</strong> Focus on one task at a time to avoid getting overwhelmed.</li> <li><strong>Get enough sleep:</strong> Aim for 7-8 hours of sleep each night to feel rested and energized.</li> <li><strong>Exercise:</strong> Regular exercise can improve your mood and increase your energy levels.</li> <li><strong>Delegate tasks:</strong> If possible, delegate tasks to others to free up your time for more important tasks.</li> <li><strong>Reflect on your day:</strong> At the end of the day, take some time to reflect on what you accomplished and what you can improve on for tomorrow.</li> </ol> <p><mark>Remember, productivity isn't about doing more; it's about doing the right things efficiently.</mark></p> </article> </main> <footer> <p><small>This blog post was brought to you by John Doe. <abbr title="National Aeronautics and Space Administration">NASA</abbr> enthusiast and productivity junkie.</small></p> <p><big>Thanks for reading!</big></p> </footer> </body> </html>
Though many tags are still there to use, but these are the important tags that every blog has.
<strong> THANK YOU </strong>