Website Hosting for Just 20 ForumCoin ~ Advertise on ForumCoin
ForumCoin is an online community where you earn ForumCoin for making posts and for referring other members. You can use the ForumCoin virtual currency to buy and sell goods and services and to exchange for traditional currencies. Find out more!
Get paid up to 150 ForumCoin to submit your article.

HTML Coding The Easy Way

Postby nakitakona » 04 Dec 2016, 12:24

I am not a programmer but I am a diligent reader and researcher. I started creating my two blog sites sometime in 2011. I was using the two platforms. One is the Blogger and the other one is WordPress. My purpose of creating these sites was to host my column in a local newspaper which I maintained weekly and also to have an online venue for my local dialect short stories, poems, and thoughts.

Since these website platforms I mentioned were very easy to manage, I hadn't problem of posting my articles in various themes and subjects. I had just copied and pasted them to their edit page from my draft written in a notepad. Just a snap of a finger, I clicked the publish button and posts were already online. They were ready to be accessed in the Net. It is also easy here when I am doing my post. There are several button codes above to select to enhance my post. But if you want to work independently, you may try to experiment the following HMTL codes:

HTML Codes Making Work

1. Making a link

If I wanted to make a link to one of the keywords or a reference to my existing post, I used the <a> tag to connect a link from one page to another. In doing this, I used href Attribute to specify the link's destination. This could be easily identified for it is usually in underlined and blue object or item in the page.

Example I want to link my RandomThoughts blog site. This is how the <a> tag looks like:

Code: Select all
<a href="http://www.gilcamporazorandomthoughts.info/">RandomThoughts</a>
.
Click this link RandomThoughts and it will open to my blog site.

2. Inserting image

The procedure is similar with the <img> tag except the href attribute and the specification of its width, height. The width and height should be expressed on its size depending of the size of the page to where the image is to be inserted.

In this example, how I insert it here:

This is how it is done. <img src="" width="" height="">. scr means the origin of the image.

To have a different sizes of the image, you specify its w and h. Like the example below:

a. size 400x316

PH currency-400x316.jpg
PH currency-400x316.jpg (56.71 KiB) Viewed 200 times

Code: Select all
<img src="http://1.bp.blogspot.com/-VOzNHf0rcOk/VkHFwneTBoI/AAAAAAAAVHk/fZD92re0OtA/s320/PH%2Bcurrency.jpg" width="400" height="316"/>


b. size 300x251

PH currency-320x251.jpg
PH currency-320x251.jpg (42.04 KiB) Viewed 200 times

Code: Select all
<img src="http://1.bp.blogspot.com/-VOzNHf0rcOk/VkHFwneTBoI/AAAAAAAAVHk/fZD92re0OtA/s320/PH%2Bcurrency.jpg" width="300" height="251"/>


3. Enhancing the Post Title or Its Subtitle

This is done by formatting the post title or its subtitle by using the HTML elements like <b> for bold, <i> for italics and placing the text between those elements. Always don't forget to close it depending on the element you have used. For <b>, it should be </b> and for italics, </i>.

Example for BOLD TEXT:

This is how it is done.

Code: Select all
<b>BOLD TEXT</b>


Example for ITALICS TEXT:

It is done by this code.

Code: Select all
<i>ITALICS TEXT</i>


If you want to know more, read programming references and do some researches in the Internet. You can be assured that you could some simple technique of making your post in your blog site in your way of customizing it. That is if you want to do it patiently. If not, well as I have said or mentioned above, various free website platforms have the feature of copy-paste job for your post to go on online.

Copyright 2016 Gil Camporazo
  • 1

User avatar
nakitakona
 
Posts: 4,517
Location: Philippines
Referrals: 5
Reputation: 355
ForumCoin: 266

Re: HTML Coding The Easy Way

Postby cmoneyspinner » 23 May 2017, 18:30

  • 0

User avatar
cmoneyspinner
 
Posts: 18,942
Location: Texas USA
Referrals: 10
Reputation: 3948
ForumCoin: 1,774

Re: HTML Coding The Easy Way

Postby raaman » 24 May 2017, 12:33

Very good. Thank you for sharing. Day by day, forumcoin is becoming very interesting.
  • 0

raaman
 
Posts: 8,668
Reputation: 650
ForumCoin: 3,142

Re: HTML Coding The Easy Way

Postby nakitakona » 24 May 2017, 12:42

raaman wrote:Very good. Thank you for sharing. Day by day, forumcoin is becoming very interesting.

At least someone like you has appreciated my work. I am doing this things relying from searching, self-study, among others. To make it work, I apply what I have learned from the web.
  • 0

User avatar
nakitakona
 
Posts: 4,517
Location: Philippines
Referrals: 5
Reputation: 355
ForumCoin: 266



Your Ad Here.

Return to Articles & Tutorials



Who is online

Users browsing this forum: No registered users and 2 guests

Reputation System ©'