Tugas Pemograman Web 1

Danar Widi Utomo/ A1316021
Task 2.3
<!DOCTYPE html>
<html>
<head>
<title>
Internet & WWW How to Program 5th edition
</title>
</head>
<body>
<h1 align="center">
Internet and World Wide Web How to Program: Fifth Edition
</h1>
<hr>
<p>
Welcome to the world of Internet programming.<br>
We have provided coverage for many Internet-related topics.
</p>
<a href="Open this dont open anything else.html"><b>HOME </b></a>
</body>
</html>
Output :
Task 2.4
<!DOCTYPE html>
<html>
<head>
<title>Images
</title>
</head>
<body>
<p align="right"><a href="Open this dont open anything else.html"><b>HOME>></b></a></p>
<ol>
<li><p><b>Picture Original ratio</b></p>
<img src="deitel.png"></li>
<li><p><b>Picture with zoom 100%</b></p>
<img src="deitel.png" width="440" height="300" alt = "Picture of orange cloud"></
li>
<li><p><b>Picture with zoom 50%</b></p>
<img src="deitel.png" width="330" height="225" alt=" Picture of orange cloud"></
li>
<li><p><b>Picture with ratio 2:1</b></p>
<img src="deitel.png" width="440" height="150" alt=" Picture of orange cloud"></
ol><br></li>
</body>
</html>
Output :
Task 2.5
<!DOCTYPE html>
<html>
<head>
<title>
Creating Link
</title>
</head>
<body>
<ol>
<li>The mother of index file in this <a href="index.html">link</a></li>
<li>Index file in subdirectory in this <a href="subdir/index.html">link</a></li>
<li>Index file in public directory <a href="pubdir/index.html">link</a></li>
<li>President e-mail <a href="mailto:president@whitehouse.gov">e-mail</a></li>
<li>README file from this website <a href="ftp://ftp.cdrom.com">link</a></li>
</ol>
<a href="Open this dont open anything else.html"><b>HOME</b></a>
</body>
</html>
Output :
Task 2.6 & 2.7
<!DOCTYPE html>
<html>
<head>
<title>Kind of Aice</title>
</head>
<body>
<p>This is what we sell</p>
<ol>
<li>Ice Cream</li>
<ul>
<li>Banana</li>
<li>Milk</li>
<li>Chocolate</li>
</ul>
<li>Soft Serve</li>
<ul>
<li>Coca Cola</li>
<li>Sprite</li>
<li>Big Cola</li>
</ul>
<li>Frozen Yogurt</li>
<ul>
<li>Strowberry</li>
<li>Blueberry</li>
<li>Chocobanana</li>
</ul>
</ol>

<p>You can order this meal by contact us by <a href="mailto:aiceindonesia@gmail.com"><img
src="email.png"></p>
</body>
</html>
Output :
Task 2.8
<!DOCTYPE html>
<html>
<head>
<title>My Daily Deal</title>
</head>
<body>
<h1>This is are my daily website i usually visited</h1>
<ol>
<li><a href="http://www.youtube.com">Youtube</a></li>
<li><a href="http://www.facebook.com">Facebook</a></li>
<li><a href="http://www.googleplus.com">Google+</a></li>
</ol>
</body>
</html>
Output :
Task 2.9
<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<title>Home</title>
</head>
<body>
<p><table border="2">
<thead>
<tr>
<td><img src="logo.png" alt="Politeknik" width="100"
height="100"></td>
<td>Tugas Pemprograman Web <br>Nama : Danar Widi
Utomo<br>NIM : A1316021</td>
</tr>
</thead>
</table>
<hr size="7">
</p>
<h1>All Task</h1>
<p>
<a href="task1.html">
<img src="folder/folder.png" alt="Task 2.3"></a>Task 2.3<br>
<a href="image.html">
<a href="main.html">
<a href="sell.html">
<img src="folder/folder.png" alt="Task 2.6 & 2.7"></a>Task 2.6 & 7<br>
<a href="MDDeal.html">
<a href="camel.html">
<a href="table.html">
<a href="Givefeedback.html">
<a href="meta.html">
<img src="folder/folder.png" alt="Task 2.17"></a>Task 2.17<br></p>
</body>
</html>
Output :
Task 2.14
<!DOCTYPE html>
<html>
<head>
<title>Camel 46</title>
</head>
<body>
<table border="1">
<thead>
<tr>
<td><h1>Objectives</h1>
<ul>
<li>To be able to create tables with rows ad columns of
data.</li>
<li>To be able to control the display and formatting of
tables</li>
<li>To be able to create and use forms</li>
</ul>
<em>Yea, from the table of my memory I'll wipe away all trivial
fond records.</em><br>
William Shakespeare
</td>
<td><img src="camel.png" alt="Camel 46 cuy"></td>
</tr>
</thead>
</body>
</html>
Output :
Task 2.15
<!DOCTYPE html>
<html>
<head>
<title>Table</title>
</head>
<body>
<h1>Table Example Page</h1>
<a href="Open this dont open anything else.html"><b><font size="3"> HOME </font></b></
a><br>
<caption>Here is a small sample table</caption>
<table border="2">
<thead>
<tr>
<th colspan="2">
<b>This is the table head</b>
</th>
</tr>
</thead>
<tfoot>
<tr>
<td><b>This is table</b></td>
<td><b>foot.</b></td>
</tr>
</tfoot>
<tbody>
<tr>
<td colspan="2">
This is the body
</td>
</tr>
</tbody>
</body>
</html>
Output :
Task 2.16
<!DOCTYPE html>
<html>
<head>
<title>Give your feedback</title>
</head>
<body background="bg.png" onload="alert('Welcome to our Campus Website')">
<h1 align="center"><font color="white"><b>Give</b> <i>Your</i> <u>Feedback</u> for our
Campus<br>it can make our campus be better :-)</h1>
<h2>Feedback Form</h2>
<p>Please fill out this form to help us improve our campus.</p>
<form method="post" action="http://www.deitel.com">
<input type="hidden" name="recipient" value="deitel@deitel.com">
<input type="hidden" name="subject" value="Feedback Form">
<input type="hidden" name="redirect" value="main.html">
<p><label><b>Name :</b>
<input name="name" type=" text" size="25" maxlength="30">
</label></p>
<p>
<label>
<b>Class :</b>
<select name="Class option">
<option>III A</option>
<option>III B</option>
<option>III C</option>
<option>III D</option>
</select>
</label>
</p>
<p><b>What do you like from this campus</b><br><font size="1">*You can select more
than one</font></p>
<label><input type="checkbox" name="whatyoulike" value="Campus it self">Campus it
self</label>
<label><input type="checkbox" name="whatyoulike" value="Students">Students</label>
<label><input type="checkbox" name="whatyoulike" value="Location">Location</label>
<label><input type="checkbox" name="whatyoulike" value="Atmosphere">Atmosphere</
label>
<label><input type="checkbox" name="whatyoulike" value="Dorm Rooms">Dorm
Rooms</label>
<label><input type="checkbox" name="whatyoulike" value="Sports">Sports</label><br>
<p>
<b>Where you get information about campus</b><br><br>
<label><input type="radio" name="infocampus" value="Friends">Friends</label>
<label><input type="radio" name="infocampus" value="Television">Television</
label>
<label><input type="radio" name="infocampus" value="Internet">Internet</label>
<label><input type="radio" name="infocampus" value="Other">Other</label>
</p>
<p>
<label>Comments : <br>
<textarea name="comments" rows="4" cols="36">Enter comments here</
textarea></label>
</p>
<p>
<input type="submit" value="Submit">
<input type="reset" value="Clear">
</p>
</form>
<a href="Open this dont open anything else.html"><b><font color="white">HOME</font></b></
a>
</body>
</html>
Output :
Task 2.17
<!DOCTYPE html>
<html>
<head>
<title>How to Get Good Grades</title>
<meta name="keywords" content="Good grades, grades, how to, smart, clever, to be
good, be first, first,
Grades, good, Good, campus, school, become good, make,">
<meta name="description" content="This website will tell you step by step how to get
good grades">
</head>
<body>
<h1>Welcome</h1><hr>
<p>bla bla bla <b>bold font</b> bla bla bla <i>italic font</i> bla bla bla <u>underline font</
u><br>bla bla bla bla bla
<em>i dont know how its look like </em> <b>but let me use bold line again just like this</b>
</p>
</body>
</html>
Output :

Tugas Pemograman Web 1

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Tugas Pemograman Web 1

Uploaded by

Copyright:

Available Formats

Danar Widi Utomo/ A1316021

You might also like