![]() |
|
|
| |||||||||||
HTML is made up of a lot of tags which is recognized by browsers. These tags are enclosed by the lesser than (<) and greater than (>) brackets. The opening bracket is always followed by the element that the browser recognizes, and ends with the closing bracket. The element is also sometimes followed by an attribute, which describes the properties of the element and thus guides the browser. The starting tag is always <html> and the ending tag is </html>. Everything else goes in between these two tags. Following are the most common used tags: Centre align - <center> and </center> For right align or left align, simply replace the word “center” with “right” or “left”. For fonts, the tag <font face="georgia,times new roman,times,serif"> and ending with </font> means that the viewer will see the content in Georgia font if the same is installed on his computer. If it isn’t, he will see it in the next font (in this case, times new roman). If none of the fonts are available on his computer, he will see the content in the default font of his PC. Bold font has a tag < b > and ends with < /b >. If you want content in italics, place before and after the content. If you want to link a particular text “click here” to, for example, yahoo.com, then use: <a href=”http:/www.yahoo.com”>click here</a> If the same were to open in a new browser window, use the code: <a href=”http:/www.yahoo.com” target="_blank">click here</a> If you just wanted a link to email you at abc@xyz.com, use: <a href=”mailto:abc@xyz.com”>click here</a> Warning: Having an open email address on a web page can make you vulnerable to spam bots which collect email addresses on the internet and sell them to spammers; so this is not really advisable. To underline content, use <u> before and </u> after the text. To strike through something, use <strike> and end with </strike> For paragraphs, use < p > before and < /p > after the paragraph. To show an image from some other website, first right click on the image and click on properties. Then copy the location and replace it with “http://www.google.com/intl/en_ALL/images/logo.gif” in the below code: <img border="0" src="%20http:/www.google.com/intl/en_ALL/images/logo.gif" width="276" height="110"> Also remember to change the width and height to the actual size of the image in pixels. To put a horizontal line, just put <hr> To have a scrolling text, use the code: <MARQUEE bgcolor="#FF0000" loop="-1" scrollamount="2" width="100%">You will see this text scrolling</MARQUEE> Where #FF0000 is the background color and the text “You will see this text scrolling” will be scrolling. These are just a few basic tips, if you wish to learn more you can visit google.com and search for “html tutorial” and you will get a whale of resources!
Article Source: http://www.bharatbhasha.net Article Url: http://www.bharatbhasha.net/web_designing.php/106095 Article Added on Friday, November 21, 2008
| |||||||||||
|
| |||||||||||
| Web Designing >> Top 50 Articles on Web Designing | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Category - > | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|