neskaya
Follow [ bookmark livejournal facebook twitter rss stumbleupon ]
Log in to download layouts, skins, and emoticons. Register?

Designs

Web Templates
LJ Layouts
phpBB3 Skins

Graphics

Avatars
Textures
Buttons
Emoticons
Pixels
Fonts

Misc & Fun

Quizzes
Tutorials
Interactive

Community

Forums
Rotation

Site

FAQ & Contact
Links

Affiliates

Komet Tails
Smile Scan
Dragonrain

HTML 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 tricks and scripts, 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; <font color="blue">hi!</font> would display hi!

Size To change font size; <font size="3">hi!</font> would display hi! Font sizes range from 1 to 10, 10 being the largest.

Font To change fonts, <font face="times new roman">hi!</font> would display hi!

Bold To make something bold, <b>hi!</b> would display hi!

Italics To italicize something, <i>hi!</i> would display hi!

Underline To underline something, <u>hi!</u> would display hi!

Link Break To start a new line in an html document, use <br>. For example, hi!<br>you!<br>Okay. would display: hi!
you!
Okay.
To make a larger (paragraph) break, just <p> 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: