BASIC HTML CODES
BASIC HTML CODES
HTML stands for Hyper Text Markup Language. HTML is a standard and universal instructional language made with computer, smartphone, tablet or any other electronic device with a processing capacity (processor( such as robots and the codes are interpreted, executed accordingly. The HTML CODES are prominently run by Personal computer ((PC), Mac, Andriod, Linux, iOS. However, its more advantageous over other languages which are uniquely designed for certain operating systems.
In this post I've enlisted the basic of HTML codes and explanation. These codes are usually used by amateur and professional bloggers.
For the first time i go through such codes, i was bit confused, alot of mistakes was done. Until then i became focus on code words. No trouble at all just be attentive and keep follow up with the instructions and coding.
For each one i enlisted should be tried for practical considerations rather than just mere theoretical.
Firstly, i will start with the magain.mportant aspect while writing a standard article which as follows:
HEADINGS
In blogging generally, heading is the the most important in article construction. A good heading should create a tempting mind which is attract more viewers to click on thy post and thus boost your CEO ranking. Officially, a write up without a good heading are seen with no seriousness except for a few cases.
Here i have articulated best six HTML heading types and examples you can insert on your blog post.
world cup
world cup
world cup
world cup
world cup
world c etup
PARAGRAPH
An article will be jampack-meaningless without the use of paragraph to separate point while writing . In HTML element <p> means paragraph see how to use:
world cup
Here we hyperlinks important point for refrenssing, to pour more details.
For instance:
The button "BUY EGG INCUBATOR NOW!"will link you to the online store where you can order your incubator machine.
images
Image my second most favourite html coding. This make your blog contents more appealing to the viewers hence contributed in driving traffic to one's blog. Below are the HTML code for image:
The above picture wasn't clickable To add a clickable image add href to tbe embed code ad shown below:
Line breaker
Line breaker is a way of creating a blank line space while writing using HTML. However to break a sentence, add <br> for back space and <br></br> for double space bar. Once you preview the face of the post, an empty blank space will between the two sentence. For instance:
There are places elsewhere like home, said uthman.
There is No place like home, said Abdulfattah.<br></br>There is places like home, said uthman
Strong Bold
For BOLD there are two types of elements that works perfectly, archiving your BOLD words in sentence which are as follows :
Most Heavy weight lifter are Strong in Nature.
most heavy weight lifter are most heavy weight lifter are<strong>strong</strong>in nature</p>
The fruit brings out Nice taste.
the fruit brings out<b>nice</b>taste
Underlined
It's quite simple to underline a word or sentence. Just rap your word in between <u> </u>
For instance:
<u>Here you go again</u>
Here you go again
Order list
A slight differences between Order list and Unorder list. For order list contains Numbers 1234...to infinity. Here is the code for order list:
Order list:
<ol></ol>
list:
<li></li>
Unorder list
Un order list contains bullet, point. The only difference it has was <ul ></ul> meaning: under list. Bulletare created in replace of numbers. But every thing else are thesame with order list.
Itali and emphasized
Itali and emphasized text are similar to Bold text. It also has two Elements
<i> and <em>. Both Elements works but <em> are commonly used by most freelance blog writer. In Emphasized italic, word are in slanty style.The view will be like:
Most Heavy weight lifter are Strong .
most heavy weight lifter are<i>strong.</i>
Examples 2:
The fruit bring out Nice taste.The fruit bring out <em>Nice</em> taste.
Also you can use Itali for quoting someone's written or speech. The quotation should be bounded by Quotation marks "".
Super Script
To add up Super script format, wrap the text you want it to appear with:
<sup></sup>
FOR instance :
Asphalt 9<sup>th</sup>online APK
After Preview:
Asphalt9™ APK online APK
Subscript
In subscription just like that of super script. Only that the insertion of the will be down below of the words or sentence. themsame pattern of insertion only that the sup is changed to sub as I've shown:
20thcentury
20<sub>th</sub> century
Highlights text
Very easy to highlights text on HTML most don't know. In order to highlight text, use wrap the text you want to highlight with <mark></mark> as shown below:
In the list here are what the butcher marked out as his order:
Long Knife,small cutlass,short kniff and a lapse of a cow.
While Joseph the carpenter orders: A hammer, a saw and nails
Horizontal lines
Delete(cross through text)
With cross through text you can cross through your text especially todo list as shown below:
Create an Email address.
Buy domain name
Choose blog niche.
Sign blog platform,
After sign in, Design your new blog interface
Create a quality about page
Authenticate my social media pages
Start upload contents.
In html:
<del><p>create an email address, purchase domain.</p></del><del><p>choose blog niche and sign into blog platform. </p> </del><del><p>After sign in then Design your new blog interface </p></del><p>create quality about page</p><p>authenticate your social media pages</p><p>sart uploading.
In above todo list some are done while others remain undone.
Short long quotation mark
A short quote is a way to write someone's text or speech using text box .ie <blockquote></blockquote> .
For instance:
While short quote (normal quotation mark) "" are use in someone's quotes in your write up.
To quote someone use:
<q></q>
for instance:
<q>I like people reading my post</q>said, Writer.
"I like people reading my post" said, Writer.
Font
Don't get confused because this one is a bit tricky. So follow me carefully.
Font simple means a Written style; it effect, size, alignment and color.
But first let start with style. There so many writing style. Be familiar with this elements:
style=" font-family.
Furthermore i will use two styles as an example; Georgia and Times as shown below:
Change font to Georgia style
<h1 style="font-family:Georgia;">I love Georgia style .</h1>
I love Georgia style
Change font style to Times
<p style="font-family:Times;">I love Times style.</p>
I love Times style.
Text color
This one has similarities with the above example. Only that it differs slightly ie instead of style="font-family: use style="color:
In example to embed color blue on your written do this:
<p style="color:blue;"> Blue is my best color.</p>
Blue is my best color.
<p style="#ff471a;"> Mostly Red means Danger.</p>
Mostly Red means Danger
Text size
Again this uses logical coding, quite different from above two. It uses elements style="font-size: The font size unit is in pixel (px) as shown below:
<p style="font-size:72px;">Big pixels are clear to read.</p>
Big pixels are clear to read.
<p style="font-size:10px;">Small pixels are unclear to read.</p>
Small pixels are unclear to read.
Text alignment
Configure your text alignment either right, left button, up or centred. Use this elements to define your alignment:
style="text=align
<p style="text=align:center;">This sentence has being aligned on right side.</p>
This sentence has being aligned
on right side.
<p style="text-align:right;">This sentence has being aligned on centre. </p>
This sentence has being aligned
on centre .
Tables
For the Last in this post is table creation. This where to insert contents and data in tabular form. Very simple just take note of : <tr></tr> Stand for Table roll.
While
<td></td> stand for table data.
<tr>Yam</tr>
<td></td>
The above html you read about are the basic on coding. Once you are familiar on them thus, you can proceed for more broad topic, explanation. Learn more.
If there's any thing else you like us to cover more regarding HTML codes for comments on comment box or my social media pages reach out Now!.
Abdulfattahogirimayusuf
Comments
Post a Comment