HTML For Beginners – The Basic HTML Tags

I want to know what YOU want to learn!
Let me know by clicking here to leave your request.

Basic HTML Tags

03/25/2009

Filed In: Web Design

HTML (Hypertext Markup Language) is the language that is used to create web pages. How is this useful for the everyday person who doesn’t want to be a web designer? Well, if you’re interested in using MySpace, LiveJournal, creating a Blog (on Blogspot, TypePad, etc.) then having a little bit of basic HTML knowledge will allow you to do a lot more and personalize your space the way you really want to.

I am personally a freelance web designer and developer so I am fully aware of the advantages that come with knowing HTML. However, this short tutorial will be for those who do not have a desire to be a full-on web designer, but would like to know enough to be a little dangerous.

Links:

Example: DIY Rocks

Code:

<a href="http://www.queenofdiy.com">DIY Rocks</a>

Images:

Example:
Code:
```
<img src="http://imgurl.jpg"/>
```

Linking Images:

Example:

Code:

<a href="http://www.queenofdiy.com"><img src="http://imgurl.jpg"/></a>

Line Break:

Example:

line one
line two
Code:
```
 
```

Paragraph:

Example:
Paragraph 1
Paragraph 2
Code:
```
Paragraph 1
Paragraph 2
```

HTML Document:

Code:

<html>
<head>
<title>Title Goes Here</title>
</head>
<body>
Body Text Goes Here
</body>
</html>

Italic Text:

Example: text goes here
Code:
```
text goes here
```

Bold Text:

Example #1 (Preferred Method): text goes here
Code:
```
text goes here
```
Example #2: text goes here
Code:
```
text goes here
```

Underline Text:

Example: text goes here
Code:
```
text goes here
```

Strike Through Text:

Example: ~~text goes here~~
Code:
```
<strike>text goes here</strike>
```

Bullet List:

Example:
- List Item #1
- List Item #2
- List Item #3

Code:

<ul>
<li>List Item #1</li>
<li>List Item #2</li>
<li>List Item #3</li>
</ul>

Numbered List:

Example:
1. List Item #1
2. List Item #2
3. List Item #3

Code:

<ol>
<li>List Item #1</li>
<li>List Item #2</li>
<li>List Item #3</li>
</ol>

So there you have the VERY BASIC tags in HTML. Most people who don’t really want to go beyond just knowing a little bit for their MySpace or blog won’t really need to know more than just the tags above. However, if you’d like to know anything else, please feel free to comment!

Basic HTML Tags

Links:

Images:

Linking Images:

Line Break:

Paragraph:

HTML Document:

Italic Text:

Bold Text:

Underline Text:

Strike Through Text:

Bullet List:

Numbered List:

You May Also Like...