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.
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.
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.
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:
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):
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.
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:
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:
Headers are defined with the <h1> to <h6> tags – <h1> is the biggest and <h6> is the smallest:
Paragraphs are defined with the <p> and the </p> tags:
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:
For an Unordered list, use the <ul> tag and the <li> tag for each list item:
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:
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:
7. Link image
For an image as the link, simply wrap the <a> tag around the <img> tag:
8. Formatting Text
To make text bold, use the <strong> tag:
9. Italicize Text
To italicize your text, use the <em> tag:
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 (/).
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!