Tugas UTS Pemrograman Berbasis Web!!
* program html :
<html>
<head>
<title>Format teks html</title>
</head>
<body>
<b>teks tebal(bold)<br>
<strong>memperkuat tulisan<br>
<u>teks bergaris bawah<br>
<i>teks dengan garis miring<br>
<small>teks lebih kecil dari normal<br>
</body>
</html>
hasilnya dalam web browser :
02. Tuliskan kode css internal sehingga tag body memiliki karakter sebagai berikut :
- batas atas, kanan, bawah dan kiri = 100px
- jenis huruf = monotype corsiva
- besar huruf = 24pt
- warna huruf = emas
- gambar latar belakang = logo UNIKA
program htmlnya :
<html>
<head>
<title>Kode css internal</title>
<style type = "text/css">
body
{
margin : 100px,100px,100px,100px;
font-family: monotype corsiva;
font-size: 24pt;
font-color: Gold;
}
</style>
<body background=logo.jpg>
</body>
</head>
<html>
03. Membuat kode html tabel 2 baris, 2 kolom :
program htmlnya :
<html>
<head>
<title>Table</title>
</head>
<body>
<table width=50% height=50% border=5>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
</html>
<head>
<title>Table</title>
</head>
<body>
<table width=50% height=50% border=5>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
</html>
04. Membuat kode html frame 2 kolom.
program htmlnya :
#dalam membuat frame, kita harus membuat 3 kode html.
kode html pertama disimpan dengan nama latihan1.html:
<html>
<head>
<title> Frameset</title>
</head>
<body>It’s your love<p></p>
Dancing in the dark
Middle of the night
Taking your heart
Holding it tight<p></p>
Emotional touch
Oh touching my skin
Asking you to do
What you've been doing
All over again<p></p>
Oh it's a beautiful thing
Don't think I can keep it all in
I've just gotta let you know
What it is that won't let me go<p></p>
It's you love
Just does something to me
Sends a shock right through me
Can't get enough
And if you wonder
About the spell I'm under
It's your love<p></p>
Better then I was
More then I am
All of that happened
By taking your hand
Who I am now
Is who I wanna be
Now that we're together
Stronger then ever
Happy and free<p></p>
</body>
</html>
<body>It’s your love<p></p>
Dancing in the dark
Middle of the night
Taking your heart
Holding it tight<p></p>
Emotional touch
Oh touching my skin
Asking you to do
What you've been doing
All over again<p></p>
Oh it's a beautiful thing
Don't think I can keep it all in
I've just gotta let you know
What it is that won't let me go<p></p>
It's you love
Just does something to me
Sends a shock right through me
Can't get enough
And if you wonder
About the spell I'm under
It's your love<p></p>
Better then I was
More then I am
All of that happened
By taking your hand
Who I am now
Is who I wanna be
Now that we're together
Stronger then ever
Happy and free<p></p>
</body>
</html>
#kode html kedua dengan nama latihan2.html:
<html>
<head>
<title>Frameset</title>
</head>
<body>in my heart, in my soul
in my mind, in my day
i wanna be a supergirl
I wanna be like that
in my heart, in my soul
in my mind, in my day
i wanna be a supergirl
I wanna be like that
I wish that true Wish that is true
</body>
</html>
<head>
<title>Frameset</title>
</head>
<body>in my heart, in my soul
in my mind, in my day
i wanna be a supergirl
I wanna be like that
in my heart, in my soul
in my mind, in my day
i wanna be a supergirl
I wanna be like that
I wish that true Wish that is true
</body>
</html>
#lalu, kode html ketiga kita akan membuat frame'y dengan memasukkan kedua file yang telah disimpan :
<html>
<head>
<title>Frameset</title>
</head>
<frameset>
<frameset cols=50%,*>
<frame src=latihan1.html>
<frameset cols=50%,*>
<frame src=latihan2.html>
</frameset>
<body >
</body>
</html>
05. Buat form untuk menginput NIM, Nama dan Agama.
program htmlnya :
<html>
<head>
<title>Membuat Form</title>
</head>
<body>
<form>
<table>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type=text size=25 maxlength=25></td>
</tr>
<tr>
<td>NIM</td>
<td>:</td>
<td><input type=text size=20 maxlength=20></td>
</tr>
<tr>
<td>Agama</td>
<td>:</td>
<td><input type=text size=20 maxlength=20></td>
</tr>
</table>
</body>
</html>
<head>
<title>Membuat Form</title>
</head>
<body>
<form>
<table>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type=text size=25 maxlength=25></td>
</tr>
<tr>
<td>NIM</td>
<td>:</td>
<td><input type=text size=20 maxlength=20></td>
</tr>
<tr>
<td>Agama</td>
<td>:</td>
<td><input type=text size=20 maxlength=20></td>
</tr>
</table>
</body>
</html>
