Simple HTML For Beginners

seashell2 by seashell2
Last updated: 12/15/2011

Welcome to Simple HTML For Beginners

Do you often look at websites and wonder how they were made to look so appealing. One doesn't necessarily need Html to have a great looking article or document but it does have its benefits and is really fairly easy to learn. At least some of the basics of html. It is simply adding basic tags that enhance your work and make it more attractive to viewers. Adding things like coloured boxes, different styles and design elements, different fonts are all ways to spruce up your work. I am very new to this but I wanted to put all of the things that found and utilize in one spot, so I could find them easier and share my new knowledge with others who need a little help like I did. This will be a very basic tutorial for the absolute beginner, no big technical talk here, just straight forward information that anyone can understand! Some simple but great ideas to spruce up your work! I hope you find something that you can use or maybe just share this site with someone who is struggling and feeling a little lost in this area.

Little Tips

Adding Text and Images

First thing you need to learn is how to add text (words)

For example: If you want to link the name of a place or the name of your business etc. this is how you would do it!

Link

<a href="your url here">place here</a>

Image Tag

This is how you link images (pictures) into an article or document.

<img src="your image code here"/></a>

Simple Ways to Dress Up a Lens

Using Coloured Boxes



<p style="border:solid 10px #33CCFF;padding:10px"></p>

Just copy and paste this code into your lens. You can change the colours by inserting a new color code.

This box is a great addition to spruce up text. I love to use it when I want to give an extra emphasis on a paragraph of text. It just makes it stand out a little more. You can change the colour of the box very simple by using a Html colour chart and switching the colour code to the one that you want to use.

Here is a great colour chart: Complete HTML True Colour Chart

HTML For Those Just Beginning

Great Books on Learning and Using HTML

Loading

Simple HTML For Beginners

Loading poll. Please Wait...

A Little Tutorial

Great Video Clips

HTML for Beginners
by htmlhelp | video info

8 ratings | 2,762 views
curated content from YouTube

Basic HTML For Beginners

Some Basic Tags - HTML For Beginners


These are basic tags that are some of the more utilized ones.

The tags are for bold, strong and italics. There are lots of other ones that are used often as well. You may want to use these somewhere in a paragrah to give emphasis to a single word or words. See Basic Html for Squidoo in my featured lenses just below this box, great examples there!

<b>your text goes here</b>
<strong>your text goes here</strong>
<i>your text goes here</i>

Grow - Great Motivational Poster

Simple Html for Beginners

More Useful Tips

Helpful Lenses - Simple HTML For Beginners

I have learned lots of great tips from these wonderful lenses. Check them out for yourself and I'm sure you will gain some new insights and knowledge from each one!
Loading

Just for Fun...

Techy Fun - Simple HTML For Beginners



How To Center Your Photos

Centering

It's nice to be able to center a photograph or image and it is relatively easy to do!

Just copy and paste this into your article replacing your domain/ image where appropriate.

<p align="center"><img src="http://www.yourdomain.com/squidoo/yourimage.jpg"/></p>

For a really good example you should check out this lens by 'Spirituality'. I found it really easy to understand the way they had it laid out! Also some great examples for right and left aligning images and text.
Squidoo CSS -My favourite code to spice up a lens

Sites with HTML Help

HTML Examples
Introduction to HTML, tons of great information perfect for the beginner.
HTML For Beginners
Great explanations for adding titles, headings, paragraphs ect. Easy to understand.
HTML Goodies
The perfect site for beginners to learn the absolute basics of html. All about introductions, linking sites, tags, and much more.

Resources...

Books and Other Learning Tools

Loading

A few more interesting lenses...

Variety of Topics...

Loading

Please feel free to leave your thoughts, comments...

submit

Did you enjoy this lens?

Your rating is appreciated, thank you for taking the time!

This module only appears with actual data when viewed on a live lens. The favorite and lensroll options will appear on a live lens if the viewer is a member of Squidoo and logged in.

Add this to your lens »

This UpMarket page written by

seashell2

I love to design, draw, come up with creative ideas and take photographs of nature! I use these drawings and designs on products that I sell in my store... more »

Deluxe. Remarkable. Creative. Unusual. Successful. Upmarket businesses push the envelope -- does yours?

Connect with UpMarket

This author recommends...