Whether you are a webpage designer or merely a dabbling in writing web pages, having a basic understanding of HTML (Hyper Text Markup Language) is a necessity. This is because HTML offers a plethora of ways to make your website both accessible to multiple users-in particular those with disabilities, as well as easy to navigate so that each guest will want to spend more time, and on sites where the goal is sales, more money while on your site.

So, how does HTML add to both accessibility and user-friendliness? By know how to use HTML, you can establish distinguishable headings (a plus in SEO), insert tables to hold a variety of data, make numbered or bulleted lists and much more. Another advantage of HTML is that you don’t need any special programs to use it for web page writing-just a basic text editor like Notepad (Windows) or TextEdit (Mac) and then save your work with an .HTML or HTM file extension.

 

How to get started with HTML

In this HTML Tutorial, we will show you how to use HTML. Basic components of HTML are tags < title> and elements <html>say cheese</html>. If this phrase were a heading in a document the HTML would look like this :<h1>Say Cheese</h1>. The tag without a backslash (/) is called an opening tag; the tag with a backslash is the closing tag. Any HTML coding will include these types of tags, with a specific element or direction in between. It should also be noted that with writing tags, that you should always use lowercase letters. By using various elements within the tags, you can create a custom website.

Some of the more common HTML tags are:

•    <h1> a top heading
•    <h2>through <h6> for various subheadings within an article
•    <li> for list
•    <ol> for ordered or numbered lists
•    <ul> for unordered or bulleted lists
•    <p> for paragraphs
•    <u> underlined words/sections
•    <i> for italics
•    <strong> for words in bold text
•    <br> breaks between sections
•    <a href> specifies a link to internal or external page
•    <img source> for inserting an image

There are many other tags that can be used, making web customization extremely doable.


Dallas SEO

 

Basic elements of HTML Structure

Every document has 4 basic elements that form their structure-<html>, <head>, <title> and <body>. These 4 tags are used for the following:

<html> is used to declare the structure of the document.
<head> used to give information such as title, meta description of the page or meta keywords that search engines can use to index the page and Search Engine Optimization (SEO).
<title> Contains the title of the page or article.
<body> is where you put the information you actually see in the main browser window. It is the content you want people to read.

 

HTML Example

For the next part in this HTML training, let us show you an example by using actual code in html language.

An example of HTML would be:
<html>
<head>
<title> Candid Photography</title>
<body>
<h1>Tips for Candid Photography</h1>
<br>
<p>Candid pictures are best as they are taken when the subject is unaware of the camera/photographer. This is because the candid shot captures the subject being natural rather than in a posed setting that often makes those a bit camera shy feel far too conspicuous. Tips for taking candid shots are:</p>
<ol><li>Set your camera to autofocus</li>
<li>Observe the subject.</li>
<li>Get close to the subject.</li>
<li>Whenever possible, turn of the flash.</li>
<li>Don’t say, “Say cheese!”</li>
<li>Snap the picture.</li>
</ol>
</body>
</html>

 

HTML in a Web Browser like Firefox

These entries will result in looking like this:

Candid Photography

Tips for Candid Photography

Candid pictures are best as they are taken when the subject is unaware of the camera/photographer. This is because the candid shot captures the subject being natural rather than in a posed setting that often makes those a bit camera shy feel far too conspicuous. Tips for taking candid shots are:
1.    Set your camera to autofocus
2.    Observe the subject
3.    Get close to the subject
4.    Whenever possible, turn of the flash
5.    Don’t say, “Say cheese!”
6.    Snap the picture

As you can see, with just a few tags and elements you can create a different look for the features for your website. There are many other HTML tags to explored, but these few will get you started. Visit the following links for more information about using HTML.

 

Additional Resources on HTML code

How to use HTML – Extensive information

HTML Tutorial – Excellent site with examples

Learn HTML with a FREE 7-day free trial to lynda.com.

Basics of Hyper Text Markup Language

LearningComputer.com is an e learning company with training on products like Microsoft Windows, Microsoft Office, Mozilla Firefox, Internet Explorer, Visual Basic, Java, SQL Server, Internet Marketing, SEO and many more topics on IT training and computer learning.