|
Inserting Hyperlinks Hyperlinks are links that take you to another page . You create them by using the following code
<a href="http://www.indiainfohelp.com">Name of link</a> To Open Link in a New Browser Window
If you don’t want visitor to leave your site completely when they click on links to other sites you can set the link to open up a new window. The "target" attribute allows you to do this:
<a href="http://www.indiainfohelp.com "target="_blank"> Changing the Hyperlink Colors
The default color for hyperlinks on an HTML page is blue but you can change it to whatever color you would like by using the link code inside the <body> tag.The example is as below
<body link="green" vlink="yellow" alink="purple">
In the above example, hyperlinks will be green, links that have already been visited will be yellow and active links will be purple. To create email link you need "mailto" function as follows
<a href="mailto:
This e-mail address is being protected from spambots, you need JavaScript enabled to view it
">Email Me</a> Anchor Links
If you want to create a link that will take the visitor to another section of the same page then you can create an anchor link. There are two steps to this process:
First, go to the place in your HTML code where you want the anchor to go. This is the spot on the page that the browser will move to when a person clicks on the link.
as like <a name="infoindia">This is the Text Where the Anchor Will Land</a> "infoindia" is just the name of the anchor I chose.
Secondly, to link to that section of the page, use the hyperlink code:
<a href="#infoindia">click here</a>
Now when your visitors click on that link, they will be taken to that section of the page.
Inserting Images
To insert image into web page.
You can insert .jpg and .gif files only
The HTML code will look like this
<img src="/images/indiainfo.gif"> The Alt Tag
If you want text to pop up when you run the mouse over the image then you need to add the alt tag.
<img src="/images/indiainfo.gif" alt="This is my indiainfo"> Specify Height and Width. You can adjust the height and width of the image according to your requirement
<img src="/images/indiainfo.gif" alt="This is my indiainfo" height="100" width="150"> Adding a Border
Border attribute is used to add a border to your image.
<img src="/images/indiainfo.gif" border="5">The 5 represents the thickness of the border. Multiple Attributes
If you want your graphic to have a border of 5 , size of 500 x 650 pixels and an alt tag then the code is as follows
<img src="/images/indiainfo.gif border="5" height="100" width="250" alt="This is my indiainfo"> If your image is not shown up and you receive the broken image icon then the following reason are there
i) Make sure the file is uploaded and is actually in the directory you are pointing to in your HTML code.
ii) Check the case of the actual filename. If you saved the file as "info.gif" but typed "indiainfo.gif" in the HTML code then the image will not show.
Case does matter.
iii) Check your HTML code and make sure you have included all the punctuation. To Create a Clickable Image
Linking images is helpful if you have buttons or banners on your page and you want to jump to another web page when clicking on the image. To accomplish this use the following code:
<a href="http://www.indiainfohelp.com"><img src="/images/indiainfo.gif" border="0"></a>
The first part of the code tells the browser which site to go to and the second part, of course, tells it where the image is located. Inserting a Background Image
If you want an image for your background then you would use the background and image tag together:
<body background="images/indiainfo.gif">
Colors in HTML
Colors for HTML pages can be specified by their names or hexadecimal values. The main advantage with color names is that they are easy to remember. RGB and Hexadecimal
Colors for monitors are in expressed in RGB, Red, Green and Blue. The combinations of these colors yield other colors. The RGB values can be expressed in percentages, integer values 0-255 or hexadecimal values 00 - FF.
Since we are concerned about colors on web pages we shall concentrate on hexadecimal representation. In this notation, we use numbers 0 to 9 and alphabet A to F.
0 means no color and F means full color.
Each color in hexadecimal notation takes six digits, where the first two represent RED, the send two, GREEN and the last two BLUE color.
FF0000 makes red color. Here the intensity of red is highest while green and blue have zero values
00FF00 makes green. Values for red and blue are specified at the minimum
0000FF makes blue with red and green at zero
FFFF00 Red and Green in full intensity combine to make Yellow.
FF00FF Red and Blue make Pink.
00FFFF Green and Blue make Cyan.
990000 A dark shade of red.
006600 Deep Green color, almost like olive green.
999999 All colors have been expressed in almost half their intensity. This yields gray.
CCCCCC A lighter shade of Grey.
When used as values for attributes, the hexadecimal color code should be prefixed by a # sign.Thus <BODY BGCOLOR="#0000FF"> will yield a page with blue background and <FONT COLOR="#FFFF00"> will set the font color to yellow. You can use these to change the default colors for TEXT, LINK, VLINK, ALINK, BGCOLOR etc.
|
Learn HTML
HTML Frames
]