Most new bloggers don’t want to learn HTML code and how it works. But HTML is a simple language that anyone can learn & understand in weeks. I have heard many bloggers saying HTML looks like a foreign language but it is a must that you must learn this simple language. Though when I started blogging some years ago, I didn’t know anything about HTML but in the long run I picked up.
HTML is the acronym of HyperText Markup Language. The World Wide Web knows and understands many languages and it’s coded with many different ones. Since the invention of WebPages the one language that can be found around is HTML. Note that HTML is not a programming but a Markup Language. Today, I wish to teach newbie’s that doesn’t know much or anything about HTML some basic they need to know to help them in the beginning and am sure they will pick up in the long run.
Before I start the basic HTML language that all newbie must know, I need to introduce you to some rules you must observe when working on HTML to avoid errors.
- Tags are used whenever HTML codes are written. These tags are enclosed in angle brackets, such as this:- <html>
- Tags written like the one shown above is called a start tag. And in HTML, all start tag must end by an end tag at some point, such as this:- </html>
- Some tags do not describe content. To be compliant with current standards, however, they must still end. Consequently, they unite the start and end tag, such as this: <br />
How to Format Text Using HTML
These are tags used for making text in posts Bold, Italic or Underlined. To make a bold text
Code => <b>Bold</b>
Result=> Bold
To make an italic text
Code=> <i>italic</i>
Result=> Italic
To strike through a text
Code=> <s>strike through text</s>
Result=>
To create a paragraph
Code=> <p>Text In Paragraph</p>
How to Create Hypertext Using HTML
At times, using a plain URL on blogs, comment and forum may seem ugly. Creating a hypertext will make it more stylish and will save space in case you have a long link.For example, if I want to make a hypertext of http://www.justnaira.com and I want it to appear as a Just Naira instead of using the long url. Then you need to follow the rules below.
Code=> <a href="http://www.justnaira.com">Just Naira</a>
Result=> Just Naira
Note that if any mistake is made, it may result to a broken link.
How to Embed Images Using HTML
If you want to insert a photo or image using HTML on a blog or webpage, you need to use the code below:Code=> <img src=”http://www.justnaira.com/nigeria.png”/>
Result=>
How to Create Lists Using HTML
Basically there are two types of list, the two types are known as numbered and bulleted lists. To create any type of this list, you need to master these simple codes. Look at the examples below.For a Numbered List
Code=>
<ol>
<li>First List</li>
<li>Second List</li>
</ol>
Result=>
- First List
- Second List
Code=>
<ul>
<li>First Bullet</li>
<li>Second Bullet</li>
</ul>
Result=>
- First Bullet
- Second Bullet
Be the first to comment!
Click Here to Leave a Comment
Don't just read and walk away, Your Feedback Is Always Appreciated..
Note:
Please do not spam, spam comments will be deleted immediately upon review.