Test 1 (20%): Basic HTML
1. Write HTML code on how do you make comments without text being picked up by the browser?
2. Write HTML codes to shows the difference between linking to an image, a website, and an email?
3. Write HTML codes to shows the difference between a bulleted list and numbered list?
4. Write HTML codes to shows the difference between <div> and <frame>?
Answers
Question 1:
<!DOCTYPE html>
<html>
<body>
<h1>Question 1</h1>
<h1>My First Heading</h1> <!– This is Heading 1 –>
<p>My first paragraph.</p> <!– This is a paragraph –>
</body>
</html>
Question 2:
<!DOCTYPE html>
<html>
<body>
<h1>Question 2</h1>
<p>Link to an image:
<br>
<img src=”http://il7.picdn.net/shutterstock/videos/6063239/thumb/1.jpg”>
</p>
<p>The Website link:
<br>
<a href=”http://vectorise.net/vectorworks/logos/Malaysia%20&%20Negeri/download/crestmalaysia.htm”>Crest of MALAYSIA</a>
</p>
<p>An email link:
<br>
<a href=”mailto:zukfakarasraf@gmail.com”>Send Mail</a>
</p>
</body>
</html>
Question 3
<!DOCTYPE html>
<html>
<body>
<h1>Question 3</h1>
<p>
Numbered List:
<br>
<ol>
<li>Zulfakar</li>
<li>SX122558CSRF01</li>
<li>UTM SPACE(JB)</li>
</ol>
</p>
<p>
Bulleted List:
<br>
<ul>
<li>Zulfakar</li>
<li>SX122558CSRF01</li>
<li>UTM SPACE(JB)</li>
</ul>
</p>
</p>
</body>
</html>
Question 4
<!DOCTYPE html>
<html>
<body>
<h1>Question 4</h1>
<div style=”color:#848484″>
<h3>DIV got the heading</h3>
<p>DIV got some text.</p>
</div>
<p>all appears in here.</p>
</body>
</html>
