Senin, 03 September 2018

Tugas WEB 3 HTML

SOAL 1
Source Code
<html>
<head>
<title>Soal 1</title>
</head>
<body>
<h1>Assalamualaikum WR. Wb</h1>
<h2>Welcome To My University</h2>
<hr>
<p>Contact us:simpadu.umi.ac.id</p>|
</body>
</html>
Output:
Screenshot_54
SOAL 2
Source Code
<html>
<head>
<title>Soal 2</title>
</head>
<body>
<h1>Fakultas Ilmu Komputer</h1>
<hr/>
<h2>Jurusan Teknik Informatika</h2>
</body>
</html>
Output:
Screenshot_55
SOAL 3
Source CODE:
<html>
<head>
<title>Soal 3</title>
</head>
<body>
a big <font size=”20″ face=”arial” color=”red”>HELLO</font> from me
</body>
</html>
Output
Screenshot_57
SOAL 4
Source Code:
<html>
<head>
<title>Soal 4</title>
</head>
<body>
<center>
<table border=”1″ width=”400″>
<thead>
<tr>
<th align=”center”>NO.</th>
<th align=”center” >NIM</th>
<th align=”center”>NAMA</th>
</tr>
</thead>
<tbody>
<tr>
<td align=”center”>1.</td>
<td>04102001</td>
<td>Nur Qomari</td>
</tr>
<tr bgcolor=”yellow”>
<td align=”center”><i>2.</i></td>
<td><i>04102002</i></td>
<td><i>Lukmanul Khakim</i></td>
</tr>
<tr>
<td align=”center”>3.</td>
<td>04102003</td>
<td>Indra Cahyo K.</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>
Output
Screenshot_58
SOAL 5
Source Code
<html>
<head>
<title>Soal 5</title>
</head>
<body bgcolor=”grey”>
<center>
<table border=”1″ bordercolor=”grey” width=”400″ bgcolor=”white”>
<thead>
<tr>
<th align=”center” colspan=”3″>DAFTAR MAHASISWA</th>
</tr>
</thead>
<tbody>
<tr>
<td align=”center”>1.</td>
<td>04102001</td>
<td>Nur Qomari</td>
</tr>
<tr bgcolor=”yellow”>
<td align=”center”><i>2.</i></td>
<td><i>04102002</i></td>
<td><i>Lukmanul Khakim</i></td>
</tr>
<tr>
<td align=”center”>3.</td>
<td>04102003</td>
<td>Indra Cahyo K.</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>
Output
Screenshot_59
SOAL 6
Source Code
<html>
<head>
<title>Soal 6</title>
</head>
<body>
<center>
<table border=”1″ bordercolor=”grey” width=”400″ bgcolor=”yellow”>
<thead>
<tr>
<th align=”center” colspan=”3″>KELOMPOK</th>
</tr>
</thead>
<tbody>
<tr>
<td align=”center”><font color=”red”>I</font></td>
<td><font color=”red”>04102001</font></td>
<td><font color=”red”>Nur Qomari</font></td>
</tr>
<tr>
<td align=”center” rowspan=”2″>II</td>
<td>04102002</td>
<td>Lukmanul Khakim</td>
</tr>
<tr>
<td>04102003</td>
<td>Indra Cahyo K.</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>
Output
Screenshot_60
Image Tag
SOAL 4
Source Code
<html>
<head>
<title>Soal 7</title>
</head>
<body>
<center>
<table border=”5″ bordercolor=”grey” width=”400″>
<tr bgcolor=”grey”>
<td><img bordercolor=”grey” width=”80″ src=”gambar/logo_umi.png” alt=””></td>
<td><font color=”blue”>Welcome To Muslim University Of Indonesia</font></td>
</tr>
</table>
</center>
</body>
</html>
Output
soal 7
SOAL 5
Source Code
<html>
<head>
<title>Soal 8</title>
</head>
<body>
<center>
<table border=”1″ style=”border-collapse: collapse” width=”400″>
<thead bgcolor=”#9bf957″>
<tr>
<th rowspan=”2″>NO</th>
<th colspan=”2″>MAHASISWA</th>
<th rowspan=”2″>NILAI</th>
</tr>
<tr>
<th>NIM</th>
<th>NAMA</th>
</tr>
</thead>
<tbody>
<tr>
<td align=”center”>1.</td>
<td>04102001</td>
<td>Nur Qomari</td>
<td align=”center”>B</td>
</tr>
<tr>
<td align=”center”>2.</td>
<td>04102002</td>
<td>Lukmanul khakim</td>
<td align=”center”>A</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>
Output
Screenshot_61
SOAL 6
Source Code
<html>
<head>
<title>Soal 9</title>
</head>
<body>
<center>
<table border=”5″>
<thead>
<tr>
<th colspan=”2″>Welcome to My Gallery</th>
</tr>
</thead>
<tbody bgcolor=”#d1d1d1″>
<tr align=”center”>
<td bgcolor=”white”>
<img border=”1″ src=”bunga1.png” alt=””><br>
Photo1
</td>
<td bgcolor=”white”>
<img border=”1″ src=”bunga2.png” alt=””><br>
Photo2
</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>
Output
Screenshot_64.png
SOAL 7
Source Code
<html>
<head>
<title>Soal 10</title>
</head>
<body>
<marquee bgcolor=”pink” behavior=”alternate” width=”100%”>
<font color=”blue”>This is an example of marquee using alternate as behavior</font>
</marquee>
</body>
</html>
Output
Screenshot_65
Soal 8
Source
<html>
<head>
<title> My web page using marquee </title></head>
<body>
<font size=”5″
face=”courier”
color=pink>
<marquee width=100%
behavior=slide
bgcolor=blue >
This is an example of a marquee using slide as behavior…
</marquee></font>
</body>
</html>
Output
Screenshot_66
SOAL 9
Source Code
<html>
<head>
<title> My web page using marquee
</title></head>
<body>
<font size=”5″
face=”courier”
color=pink>
<marquee width=100% behavior=scroll bgcolor=blue loop=3>
This is an example of a marquee using scroll as
behavior…
</marquee></font>
</body>
</html>
Output
Screenshot_67
SOAL 10
Source Code
<html>
<head>
<title>Soal 15</title>
</head>
<body>
<h1>Login</h1>
<form action=””>
<table>
<tr>
<td>Username : </td>
<td>
<input type=”text” maxlength=”10″>
</td>
</tr>
<tr>
<td>Password : </td>
<td>
<input type=”text” maxlength=”10″>
</td>
</tr>
</table>
<br>
<button type=”submit”>Submit</button>
</form>
</body>
</html>
Output
Screenshot_68
SOAL 11
Source Code
<html>
<head>
<title>Soal 14</title>
</head>
<body>
<h1>Fakultas ilmu komputer</h1>
<form action=””>
Program studi :
<select>
<option value=””>System informasi</option>
<option value=””>Tehnik informatika</option>
<option value=””><button type=”submit”>Submit</button></option>
</select>
</form>
</body>
</html>
Output
Screenshot_69
SOAL 12
Source Code
<html>
<head>
<title>Soal 15</title>
</head>
<body>
<h1>Login</h1>
<form action=”” method=”post”>
<table>
<tr>
<td>Username : </td>
<td>
<input type=”text” name=”Username” maxlength=”10″>
</td>
</tr>
<tr>
<td>Password : </td>
<td>
<input type=”text” name=”Password” maxlength=”10″>
</td>
</tr>
</table>
<br>
<button type=”submit”>Login</button>
</form>
</body>
</html>
Output
Screenshot_70
SOAL 13
Source Code
<html>
<head>
<title>Soal 16</title>
</head>
<body>
<form action=”” method=”post”>
<label for=””>Nama: </label><br>
<input type=”text” disabled>
<br>
<br>
<label for=””>Alamat: </label><br>
<textarea cols=”30″ rows=”10″ disabled></textarea>
</form>
</body>
</html>
Output
Screenshot_71
SOAL 14
Source Code
<html>
<head>
<title>Soal 17</title>
</head>
<body>
<form action=”” method=”post”>
<label for=””>NIM: </label>
<input type=”text” value=”04102001″ disabled>
<br>
<br>
<label for=””>Nama: </label>
<input type=”text” value=”Nur Qomari” disabled>
</form>
</body>
</html>
Output
Screenshot_72
SOAL 15
Source Code
<html>
<head>
<title>Soal 18</title>
</head>
<body>
<i><font color=”blue”>Universitas Noratama Surabaya</font></i>
</body>
</html>
Output
Screenshot_73
SOAL 16
Source Code
<html>
<head>
<title>Soal 19</title>
</head>
<body>
<u>Sistem informasi & sistem komputer</u>
</body>
</html>
Output
Screenshot_74
SOAL 17
Source Code
<html>
<head>
<title>Soal 20</title>
</head>
<body>
<p>Daftar fakultas dan jurusan</p>
<ul>
<li>Fakultas Tehnik Sipil</li>
<li>Fakultas Hukum</li>
<li>Fakultas Ilmu Komputer <ul>
<li>Sistem Komputer</li>
<li>Sistem Informasi</li>
</ul></li>
</ul>
</body>
</html>
Output
Screenshot_75
SOAL 18
Source Code
<html>
<head>
<title>Soal 21</title>
</head>
<body>
<ol type=”A”>
<li>Fakultas Ilmu Komputer <ol type=”I”>
<li>Sistem Informasi</li>
<li>Sistem Komputer</li>
</ol></li>
<li>Fakultas Ekonomi <ol type=”I”>
<li>AKuntansi</li>
<li>Manajemen</li>
</ol></li>
</ol>
</body>
</html>
Output
Screenshot_76
Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)