10 Powerful Codes for A Successful Website

The following 10 Powerful Codes for A Successful Website isn’t just for geeks anymore. Coding really isn’t that hard. I’ve practically taught myself basic coding and you can learn it too.

10 Powerful Codes for A Successful Website

A Little History – The Internet & The World Wide Web:

Contrary to popular belief, the Internet is not the same thing as the World Wide Web. Although these terms are often used interchangeably, they are very different analogies to the user(s).

In the 1960’s, the Internet was developed by the US government. In order to communicate, the government collaborated with some private entities along with massive amounts of information via computers. Government agencies and Universities were known to have exchanged news, email, and files all while logging into network computers.

make money from your site

Today, the Internet includes all private and public computer networks. You’re able to hook-up via your home computer which lets you do everything you need from the comfort of your home and business office.

The World Wide Web is what most people think of as the Internet. The Web (as it’s known today) is an information-sharing application that allows you to read what’s on the Internet and interact with web pages through web browsers such as Internet Explorer and/or Firefox Mozilla.

make money from your site

Furthermore, the web pages that we see in our web browsers make up the Web. The network which is interconnected to computers around the world, enable us to see those web pages which make up what we all know today as the Internet. The language that is used to communicate information via the World Wide Web is called Hypertext Markup Language (HTML).

What is HTML?

HTML stands for Hyper Text Markup Language. This language consists of many different tags which describe different elements of a website.

In this article, I will list some basic codes (using my website as an example) you can use on your site right now. Check out the most popular ones below:

Here is the structure of a basic HTML document:

Basic HTML document

There are many application editors out there that are able to do coding for you behind the scenes; like WordPress. However, what I’m about to show you today is typically the coding used to set the structure of a websites’ page(s):

WordPress

So why is it important to know HTML when WordPress does it for you? In WordPress, you have the ability to use both the text mode and visual mode when creating a post. The difference in text mode, however, is that it allows you to use HTML for when you’re adding your own content. You use it to add links, images, headlines, quotes, and bullet lists to your pages and posts.

make money from your site

Visual mode is limited in the way you want to showcase your unique approach to HTML coding. As a result, you’re able to see the code you want to create and use. In addition, with HTML you’re  able to use text widgets. Text widgets allow you to add HTML code to your sidebar or any other area of your website which adds extra functionality throughout your page(s).

1. Images tag

Images are defined with the <img> tag. It is one of the few tags that works alone – no closing tag is necessary.  It has to be used with the src attribute to specify the source location of the image:

image tag

You can also use the alt attribute by specifying text in case the image doesn’t display, for example, the words “formyblog” would show up in place of an image:

Alt attribute

2. Headers

Headers are defined with the <h1> to <h6> tags – <h1> is the biggest and <h6> is the smallest:

headers

3. Paragraphs

Paragraphs are defined with the <p> and the </p> tags:

paragraphs tag

4. Lists

There are two types of lists: Ordered and Unordered. Ordered lists are numbered and Unordered lists are not numbered. When working with lists, you’re working with 2 different sets of tags.  The first set is to “open” the list – either the <ol> or <ul> tag and then the <li> tag for each list item.

For an ordered list, use the <ol> tag and the <li> tag for each list item as follow:

Ordered Lists

For an Unordered list, use the <ul> tag and the <li> tag for each list item:

my Unordered Lists

5. Links

Links are defined by the <a> tag.  It has to be used with the href attribute to specify its destination (the website address). Also, remember to include the hyphens.  The text that is between the tags is the actual link – this is what the readers click on.  You can also use both text and an image as a link:

Links

6. Target attribute

When you add the target attribute, you can specify that the link opens in another window. If it’s left out, the link will open in the current window:

Target attribute

7. Link image

For an image as the link, simply wrap the <a> tag around the <img> tag:

Link image

8. Formatting Text

To make text bold, use the <strong> tag:

Formatting text

9. Italicize Text

To italicize your text, use the <em> tag:

Italicize text

10.  Line Break

To insert a line break in a sentence, simply add the <br> tag. The <br> tag does NOT have a closing tag (/).

Line break

The above are some of the basic HTML codes used by many websites. There are other codes that get more technical such as CSS stylesheets, background color, text alignment, font family, margins, padding, etc.

I’m personally taking a class on coding. There is BIG time money making in the coding industry.  I look forward to implementing the knowledge I gain, for my business and personal use.

Therefore, I hope the above 10 Powerful Codes for A Successful Website is easy for you to understand and implement so that you too can make some money.

About the author: Sonia Colon is writer/publisher of My Fashion E-Mall Blog & The Biz Buzz of A Latina Mom Blog. She is also the owner at Books About Me. Sign up for the newsletter and never miss a powerful business marketing article plus receive her FREE eBook on ‘How to Rock Your Business with A Blog’.

_______________

If you enjoyed this business marketing article, please share it with a friend or two by clicking on the social media icons below. Thank you for your support!

READ  Turn Your Hobby Blog into a Career For Real

Sonia Y. Colon

Sonia Colon is writer/publisher of MyFashionE-MallBlog.net TheBizBuzzOfALatinaMomblogspot.com/ & owner of BooksAboutMe.net. Writing & sharing powerful business marketing articles on starting & maintaining a lucrative work-at-home business is a passion.

Leave a Reply

Your email address will not be published. Required fields are marked *