IRanium - HTML notes

Create a link :

To create a link you must use "A" tag , ex.

<a href="http://IRanium.8m.com" target=_blank> IRanium homepage </A> . Almost everything placed between A tag , like a text or an image , ... will become a link . You can create a link to a web page , a file , an email , a yahoo ID or ... , see below table :

Link	href	example
WebPage	"address"	href = "http://iranium.8m.com"
Email	"mailto:address"	href ="mailto:Shahram@math.com
File	"file address"	href ="html_files\commands.jpg"
Yahoo ID	"ymsgr:SendIm?ID	href="ysmgr:sendim?irannboy"

read below notes to learn more :

1. If you use "target=_blank" like the example the target web page will open in a new window .

2. Always use "http://" before the address of the page especially if the address does not end with ".com" like "offline.roshd.ir"

3. If you create a link to an email address , when someone clicks it , MS Outlook or Hotmail or ... will open and send an email to he specified address .You can set the Subject , body or other parts of the email , just see the example below:

<A href=mailto:Shahram@math.com?subject=comment?body=well>mail me </a>

4. If you create a link to a file , when viewer clicks it , Explorer will download the file to his computer , in other words , link to a file is the Download link . If you want to put a file for download in your site , try to decrease its size or compress it to a zip file .

5. If you create a link to an Yahoo ID , when viewer clicks it , if Yahoo Messenger is installed on his system , it will send an IM to the specified ID .

First some basic things:

a html document begins with <Html> and ends with </Html> . You can choose a title in this way: <Title>Welcome to this page</Title> , as you understood , each tag begins with <TagName Settings> and ends with </tagName> , settings are the values that the tag needs . The body of the document begins with <Body> and end with </Body> . Now I want to explain body's settings , see this settings :

"<Body Bgcolor="0099FF" Link="#0000CC" Vlink="#CC0000" Alink="#CCCCFF" Background="iranium.jpg" >"

it sets the background color to 0099FF , links' color to 0000CC ,visited links to CC0000 and active links to CCCCFF and the background image to iranium.jpg . If you don't specify any part of the settings the default will take effect .

Working with texts :

if you insert a text in the body of the document , it will be shown with the default color , font and type . But if you want to change this , you must use the Font tag ex. <font face="arial" color="FF0000" size="3"> text here </font> . Face indicates the font name , color is the font color and size is the font size. You must enter the text between in the font tag . If you want the text to be bold , use the Bold tag ex. <B> bold text here </B> . If you want the text to be italic , use the Italic tag ex. <I> italic text here </I> . You can also change the alignment . The default is right alignment . To change it use the P tag ex. <P align="left"> left aligned text here </P> . There are three alignments : right , center , left . The P tag is the general tag to change the alignment but if you want center alignment , you can also use the Center tag ex. <Center> center aligned text here </Center> . You can use many tags among each other but consider that the tag which begins later , ends sooner . See the picture below :

Another tag is Line Brake which creates an empty line ex. <Br> </Br> .

While adding text to your page , you need to change the size for each place ex. the headings are bigger than other parts . To create a heading or control the size simply , use the Heading tag ex. <H1> biggest </H1>

<H2> big </H2>

...

<H6> smallest </H6>

as you saw , this tag has 6 types and each type has a different size . The H1 has the biggest size and H6 is the smallest in size . Another way to add texts to your page is using scripts , ex. <Script Language="JavaScript> Document.writeln(" text here"); </Script> . I will explain about scripts , but you can see JavaScript examples in this link .

Adding an Image to the page :

Inserting an image to the page has some different methods in different versions of HTML but the simplest and most common way is to use the Image tag . This tag has just one part : <Img settings> . See this sample settings : Src="File:iranium.jpg" Width="290" Height="273" Border="5" . As you saw , Src indicates the image source , Width and Height , are the size of image to be displayed and Border is the width of the border around the Image . You can display an image in a size different from its original size . If you don't want a border around the image , just dont write the border ex. Src="File:iranium.jpg" Width="290" Height="273". Another way to insert an image is to use Object tag and you can insert applets or ... using this tag : <Object settings> </Object> . See this example settings: Data="iranium.jpeg"Type="Image/Jpeg" . Data is the source file and Type indicates type of the object which here you must enter "Image/type of image" .

First some basic things:

"<Body Bgcolor="0099FF" Link="#0000CC" Vlink="#CC0000" Alink="#CCCCFF" Background="iranium.jpg" >"

Insert a Script :

Scripts are fondmentals of web pages and without them web pages will be boring and they make a web page powerful . To insert a script use Script tags . You can write the script in another file and call it in your web page or write them in the page . In the first mode use the tag like this :

<Script Language="JavaScript" src="script1.js">

</Script>

if you want to write the script in the html file , see these codes :

<Script Language="VBScript">

(write the script here)

</Script>

Create a link :

First some basic things:

Working with texts :

Adding an Image to the page :

Table of contents :

First some basic things:

Insert a Script :