Listing: Listing indicate the quality of presentation of your website. There are two types of listing, Order list and Un-Order list. Order list contains serial number say 1, 2, 3 or A, B, C etc. Un-order list doesn’t contain any serial. <ul> is used for un-order listing, <ol> is used for order listing and <li> is used for listing elements.
For Oder list, type this code on Notepad, then save as .html file, then run it.
<html>
<head>
<title> Order List | orinaas.blogspot.com </title>
</head>
<body>
<h4>Alphabet Type list</h4>
<ol type="A">
<li>State</li>
<li>Email</li>
<li>Home</li>
</ol>
<h3>Number Type list</h3>
<ol type="1">
<li>HTML</li>
<li>CSS</li>
<li>PHP</li>
</ol>
<h3>Roman Number Type list</h3>
<ol type="I">
<li>Paragraph</li>
<li>Table</li>
<li>List</li>
</ol>
</body>
</html>
Hope that you have done it. Now see how it works!
For Un-Order list, type this code on Notepad, then save as .html file, then run it.
<html>
<head>
<title> Order List | orinaas.blogspot.com </title>
</head>
<body>
<h4>Disc Type list</h4>
<ul type="disc">
<li>State</li>
<li>Email</li>
<li>Home</li>
</ul>
<h4>Circle Type list</h4>
<ul type="circle">
<li>HTML</li>
<li>CSS</li>
<li>PHP</li>
</ul><h4>Square Type list</h4>
<ul type="square">
<li>Paragraph</li>
<li>Table</li>
<li>List</li>
</ul>
</body>
</html>
Hope that you have done it. Now see how it works!
Clear? Any question? Ask me please! Hope that listing is finished.
Link: Link means to connect something. You can connect different pages, websites, mail ID and contents by link. <a></a> tag is used for link.
Structure is <a href=”your desire web/page/email id/contents link”> Link name </a>
Type this code on Notepad, then save as .html file, then run it.
<html>
<head>
<title> Order List | orinaas.blogspot.com </title>
</head>
<body>
<a href="http://orinaas.blogspot.com"> click here for Our home page</a> <br/>
<a href="mailto:orinaas.blogspot@gmail.com.com"> mail us</a>
</body>
</html>
Hope that you have done it. Now see how it works!
Image: Image is most important to make your website beautiful. Background, navigation bar, menu bar, side bar everywhere image plays a vital role. <img> tag is used to show image.
Structure is <img src=”location of image”>
Image will be shown. Here two different things you have to consider. You can publish images in two ways, from a directory say folder in file manager of your website and from others website link. Later I will discuss about file manager of website.
Case-I : To publish Image from others website,
Step – 1 : right click on a image of any web site
Step – 2 : “Copy image location”
Step – 3 : Type this code <img src=”copied image location”>
Case-II: To publish Image from directory say your pc or website file manager
Step – 1: Make any folder any place
Step – 2 : Copy your desire picture in that folder say pic.jpg
Step – 3 : Create a Notepad file then copy this code on notepad and save as index.html file in the same folder then open it.
<img src=”image name with extension”>
Type this code on Notepad, then save as .html file, then run it.
Say for google logos:
<html>
<head>
<title> Order List | orinaas.blogspot.com </title></head>
<body>
<h3> This is an example of image.</h3>
<img src="http://www.google.com/images/srpr/logo4w.png">
</body>
</html>
Clear? Any question? Ask me please!
No comments:
Post a Comment