1.Beberapa
Format Text pada HTML
a.
<p>
</p> tag untuk memformat paragraph pada html
b.
<u></u>
tag untuk mencetak garis bawah pada teks
c.
<b></b>
tag untuk cetak tebal pada teks
d.
<i></i>
tag untuk cetak miring pada teks
e.
<strong></strong>
tag untuk memperkuat tulisan/memperjelas tulisan
f.
<br></br>
tag untuk membuat tulisan ke baris berikutnya yang dapat berfungsi sebagai
enter
<html>
<head>
<title> tag memformat teks
</title>
</head>
<body>
<p>
Tag Memformat Teks pada HTML <br>
contoh
penggunaannya :</p><br>
<u>
membuat garis bawah pada teks </u><br>
<b>
cetak tebal pada teks </b><br>
<i>
cetak miring pada teks </i><br>
<strong>
memperjelas tulisan </strong>
</body>
</html>
Hasilnya:
2.Membuat code css internal dengan menghasilkan karakteristik tag body sbb:
a.
Batas
atas,kanan,bawah,kiri,100px
b.
Jenis
huruf monotype corsiva
c.
Besar
huruf 24pt
d.
Warna
huruf emas
e.
Gambar
latarbelakang Logo UNIKA
<html>
<head>
<title> css internal </title>
<style type="text/css">
body
{
margin:100px,100px,100px,100px;
background-color:transparent;
color:gold;
font-size:24pt;
font-family:monotype corsiva;
}
</style>
</head>
<body background=index.jpg>
</body>
</html>
23.Kode
html 2 baris 2 kolom
<html>
<head>
<title> html 2 baris 2 kolom
</title>
</head>
<body>
<table border=5 width=50% height=50%>
<tr>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
</tr>
</table>
</body>
</html>
4. Kode HTML membuat frame 2 kolom
Langkah pertama
yang harus dilakukan,membuat 3 buah html:
1.
Membuat
kode html misalkan untuk latihan1.html
2.
Membuat
latihan2.html
3.
Hasilnya
Latihan1 dan
latihan2 merupakan data yg ingin kita buat/tampilkan di dalam frameset 2 kolom
tersebut
Program untuk latihan1:
<html>
<head>
<title> Frameset</title>
</head>
<body>Motivasi<p></p>
Fokus pada
masalahmu, km tak akan mendapat solusi.
Fokus pada
Tuhan,
Dia akan
memberimu solusi.<p></p>
Bersyukurlah
atas apa yg kamu miliki saat ini,
karena masih
banyak orang di sekeliling kamu yg masih kurang beruntung.
<p></p>
Berhentilah
berprasangka buruk.
Karena prasangka
itulah yang akan membuatmu menyesal dikemudian hari.
<p></p>
Hidup ini
sederhana. Jika kamu ingin hidup bahagia,
mulailah
meninggalkan segala sesuatu yang membuatmu tak bahagia.
<p></p>
</body>
</html>
Program untuk latihan2:
<html>
<head>
<title>Frameset</title>
</head>
<body>kehidupan akan terus berjalan,
tp yg hrs
diingat,bagaimana qt seharusnya menjalani hidup,
bahkan menghadapi
kehidupan itu sendiri.
</body>
</html>
Program Hasil:
<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>
5.Form untuk menginput NIM,NAMA,dan AGAMA
<html >
<h1>membuat Form</h1>
Nama :<input
type="nm"/><br/>
NIM :<input
type="Nim"/><br/>
Jurusan :<input
type="jr"/><br>
Jenis Kelamin :
<br> <input
type="checkbox"/>Laki-Laki<br/>
<input
type="checkbox"/>Perempuan<br/>
Agama :<br>
<input type
="radio"/>Islam<br/>
<input type
="radio"/>Kristen<br/>
<input type
="radio"/>Hindu<br/>
<input type
="radio"/>Budha<br/>
</body>
</html>
