Source:
<html> <head> <title>Example on Links, Images and Lists</title> </head> <body> <h1 id="top">Hyperlinks</h1> <p> <a href="http://www.google.com">Google</a> <a href="http://www.yahoo.com">Yahoo</a> <a href="#bottom"><<Go to bottom>></a> </p> <h1>Images</h1> <p> <img src="html.jpg" alt="HTML Image" height="200" width="300" /> <img src="css.jpg" alt="CSS Image" height="200" width="300" /> <img src="js.jpg" alt="JavaScript Image" height="200" width="300" /> </p> <h1>Lists</h1> <h2>Unordered List</h2> <ul> <li>India</li> <li>USA</li> <li>UK</li> </ul> <h2>Ordered List</h2> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> <h2>Definition List</h2> <dl id="bottom"> <dt>HTML</dt><dd>HyperText Markup Language</dd> <dt>CSS</dt><dd>Cascading Style Sheets</dd> </dl> <p><a href="#top"><<Go to top>></a></p> </body> </html>
Output:
Hyperlinks
Google
Yahoo
<<Go to bottom>>
Images
Lists
Unordered List
India
USA
UK
Ordered List
HTML
CSS
JavaScript
Definition List
HTML
HyperText Markup Language
CSS
Cascading Style Sheets
<<Go to top>>
