HTML Basics: A Tool Beginning Bloggers Should Not Ignore

Wikipedia.org/wiki/HTML

HTML code aka Hyper Text Markup Language is a valuable tool for new bloggers even if the task of learning sounds intimidating or daunting. With some practice, it is a very helpful skill to pick up. Thanks go to Lid of the fantastically valuable blog Blogwell.com for her very valuable article “HTML for Bloggers.” This post is a quick summary to get your feet wet in HTML language. Due to the length of Lid’s article, I will provide links for the meat and content you should review

Please do three things:

1. Lid’s Cheat Sheet for HTML: Print out this document as it will save me, and you if you are a beginning HTML’r like me, tons of time.

2. Read: Go to Blogwell.com and read the entire article

3. Subscribe: If you believe in free, super valuable information and keeping your own RSS library full of pertinent content, then subscribe to this blog er Blogwell.com immediately

What is HTML?

HTML (Hyper Text Markup Language) is a code language to create web pages. Within this language are commands that your web browser (ex:Firefox) interprets; these commands, called tags, provide the ability for your text to appear as italicized, bold, links, lists, headings and other types of formatting that make blog posts stand out

HTML “Lingo” aka Terminology

1. Command: this is a request or action you want your browser to perform such as making something appear in italics, bold, placing a hyper link, and other formatting

2. Tags: this is the “bookend” method of placing your commands inside the less than or greater than symbols < >. To understand how to utilize these tags, consult Lid’s article for full details.

a.) Opening tags: this is the beginning tag and it’s symbol is the “less than symbol” then your
command of choice followed by the “greater than symbol”. Example=
b.) End tags: most commands require an end tag. This is performed by a “less than symbol”, forward slash, your command, greater than symbol. Example=

3. Attributes: a method to “modify” commands is to add attributes. Lid’s example is when you choose a particular Font command you can further modify this command by adding a “color” attribute

4. SEO-Why Tags for Headings are Important: When you italicize or bold a heading you do it to draw attention to that keyword, to draw the reader’s attention, but most important you want Google to recognize it is important.

Tip: Remember H1 Tags (the largest with H6 being the smallest) should only be utilized once per page. For a complete understanding of tags, Lid suggests reading Stoney deGeyter’s post: How to use Hx Tags

5. Bold vs. Strong Tags–Italic vs. Emphasized Tags: due to recognition problems in some browsers, Lid suggests that you continue to utilize the command for Bold <b> instead of the new command for strong <strong>. Likewise the same applies for the Italic tag. Continue to utilize the Italic tag <i> and wait to utilize the new version “Emphasized Tag” <em> until the web browsers recognize it

Additional Resources To Learn HTML

1. W3schools.com provides tutorials and reference guides on web development for beginners all the way to advanced. HTML Primer and HTML Tutorial

2. University of South Dakota’s HTML Basics 101

3. Webmonkey Tutorials page

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s