HTML & CSS Tutorial: Basic HTML

So you want to web design, but you have no idea where to begin. Here's just a list of simple beginner HTML. If you want to learn more in depth HTML/CSS tricks, you can visit the other tutorials in the site.

Always put <html> and <head> at the very beginning of your blank page. Always end your page with </body></html>. The basic parts to an html document is the <head> and the <body>. The body is where all your text and content go. So a regular html document would look like this:

<html><head><title>Your Page's Title</title></head>
<body>Hi, this is my page content! Text text.</body></html>

Link: To make a link, use the a href tag. This:
<a href="http://neskaya.net" target="_blank">Neskaya.Net</a> would display Neskaya.Net. target="blank" is optional and you can remove that part if you wish; it makes the link open in a new browser window.

Image To put an image on a page, use the img tag. This:
<img src="http://neskaya.net/images/button.gif"> would display

Color To change your font color; hi! would display hi!

Size To change font size; hi! would display hi! Font sizes range from 1 to 10, 10 being the largest.

Font To change fonts, hi! would display hi!

Bold To make something bold, hi! would display hi!

Italics To italicize something, hi! would display hi!

Underline To underline something, hi! would display hi!

Link Break To start a new line in an html document, use . For example, hi! you! Okay. would display: hi!
you!
Okay.
To make a larger (paragraph) break, just instead.

Email Link To create an email link -
<a href="mailto:myemail@domain.com">email me!</a> would create email me!

Image Link To make an image a link, use the a href and image tags together. Image links have a default border of 1 pixel, so you can eliminate that by adding in border=0.
<a href="http://neskaya.net"><img src="http://neskaya.net/images/button.gif" border="0"></a> would display

Horizontal Ruler Type in <hr> to generate this:

Change the color by typing in <hr color="red"> to generate this:

Tutorials

Design

Quizzes

Interactive

HTML & CSS Tutorial: Basic HTML

Forum

Site

Site of the Month

Affiliates