-
August 22nd, 2003, 01:25 AM
#1
Html Tutorial
Html tutorial
This tutorial is about the basic components of a html web page that anyone with a little patience and a little time can create.
These 4 html tags( or 8 if you want to be a smartass about it ) are the starting points for any web page
I will explain them in the order that they are presented here and along with some examples
<html></html>
<title></title>
<head></head>
<body></body>
The first tag that is used when starting a web page is the <Html> tag
This tag tells the web browser that you are using that this is an Html document
To end a tag you use a " / " here is a example I only want one word to be bold. the following two tags are used to start and end the bold text, type The Text between these two tags will be bold any text beyond here will not be bold
<Title></title>
any text between these tags will be at the top of your web browser and it should tell the person who is viewing your page what the page is about.
Example<title> html tutorial </title> any text beyond these tags will not be in the title if you look up at the top of your browser you will see Html tutorial
<head></head>
The head tag contains what your page will be about this should contain as much information as the title tag
example <Head> This is a Html Tutorial</head>
<Body></body>
Example The content you put between these tags will be the main part of your web page that people who come to your site will be looking at the most, so it is a good idea to have interesting content the words in this tutorial are between the body tags
<Meta></meta>
Meta tags are not required to make a web page but they do help people find your site when they use a search engine such as google
As an example if your page was about your favorite Movies the Html code you would use is
<Meta Name=”keywords” Content=”Movies, Actors”> </meta> these tags will not be seen when the finished page is viewed
These following tags you use in the body part of your web page
<body Link=? >change the ? To what ever color you want the link to be <Body link=blue> or the hex number
<Body Vlink=? >this tag is used to change the color on a visited link you wouldn’t want to have the unvisited links and the links the same color if you have a lot of links on your page.
</p> this makes a new paragraph
<p align=?> Aligns a paragraph to the left, right, or center
makes a space between sentences or a line break
To add a image into your web page
<img src=”file name”>
To use a picture as a link
<img src="Your image”>
Create a link on your page so people who visit your page can e-mail you
<a href=mailto:your email</a>
Use a picture as a e-mail link
[img]your image[/img]
These following tags are used to change the look of your text
[I] is used to make your text Italic this is what italic looks like
[b]will make the text bold this is bold text
<strike></strike> Strike is used to put a line through text
Headers the header text is what is used at the top of your web page you use Numbers 1-6 depending on the size that you want your text to be
<H1></h1> this creates a large head line This is the large headline
<h6></h6> creates a small headline This is a small head line
To change the color of your text
<body text=”#0000ff”> or you can use the word blue your web browser can use both
At the bottom of this tutorial I will have a link to a site that has a list of different colors and the numbers for you to use
To make one line of text or one word the color red
<Font color=”ff0000”>Red</font> this will make the one line or word
Make your text bigger or smaller
To make your text bigger or smaller you use a number between 1-7 you can choose a number higher than 7 the higher the number the bigger your text will be
Example <font size=”?”>Change the ? To a number you want your text size to be.
Make the background stationary
To make your background look like it is stationaryand have the text and everything else move while you scroll on a web page <BODY background="your background image”bgproperites=”fixed”
Make a unordered list
this list is used for items or links that can be used in any order
Example
<UL>
<L1>Mouse
<L1>Keyboard
<L1>Code
<L1>Monitor
<L1>Hardrive
[/UL]
- This
- is
- what a
- Unordered
- List looks like
Ordered list
to make a order list it is pretty much the same as the Unordered list but with one change instead of using <UL> we use [list=1]
- <LI>Mouse
<L1>Keyboard
<LI>Code
<LI>Monitor
<LI>Hardrive
[list=1][*]Mouse[*]Keyboard[*]Code[*]Monitor[*]Harddrive[/list=1]
The link to the color codes and hex numbers
http://hotwired.lycos.com/webmonkey/...e/color_codes/
Thank you for reading this tutorial
-
August 22nd, 2003, 02:25 AM
#2
Member
Good man but just for the newbie html editors =D www.htmlgoodies.com is another great site for all the newbie html writers out there. Thx man -Viz
-
August 22nd, 2003, 03:53 AM
#3
Junior Member
very helpful...thanks
\"Ships in the harbour are safe, but that is not what ships are made for\" -Unknown
-
August 22nd, 2003, 04:13 AM
#4
Thanks for the replies ,they are greatly appreciated
-
August 22nd, 2003, 04:55 AM
#5
Member
Your tutorial is very well written and thanks for taking the time to write it and post it here at A.O
-
August 24th, 2003, 11:03 AM
#6
thanks ill book mark this for future references
Support your right to arm bears.
^^This was the first video game which i played on an old win3.1 box
-
September 30th, 2006, 06:18 PM
#7
good
i think ur tutorial on HTML is good one,for only new commer.i think www.w3c.org should be mention here
-
December 12th, 2006, 08:55 AM
#8
Junior Member
Thank you for the tutorial!
-
December 12th, 2006, 09:31 AM
#9
this tutorail was posted over 2 years ago....make sure you look at the dates before you post comments.
cheers
kryptonic
-
September 9th, 2015, 07:04 AM
#10
Junior Member
Thanks for the information.These tags are very helpful for the SEO users....
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
|