Anda di halaman 1dari 4

LATIHAN MATA KULIAH

PEMROGRAMAN INTERNET

Nilai Tugas Ini Untuk Memenuhi Sebagian Dari Salah Satu Syarat Kelulusan
Mata Kuliah : Pemrograman Internet

NAMA : DESY DAMANIK


N.P.M : 1814370638
KELAS : RPL-REG1-4E
PERTEMUAN : Pertemuan II
TUGAS : LATIHAN 2

NILAI LATIHAN

Nilai : nILA

Perbaikan :

Paraf :

Catatan : Tugas yang sudah diberi nilai dikembalikan kepada Mahasiswa dan dibawa saat Ujian Akhir Semester.
Di Cetak Tanggal : 7 March 2020, Jam 10:11:50
PENGENALAN HTML

Fungsi Tag Pada HTML

Tag adalah suatu tanda pengenal dokumen pada html yang terdiri 2 bagian yaitu tag
pembuka contoh <nama_tag> dan tag penutup contoh </nama_tag> , tanda “/” pada
tag penutup menandakan bahwa sifat yang dibawa oleh tanda pengenal berakhir.
Namun ada beberapa tag yang berdiri sendiri diantaranya : <br/> , <img src=””/> .
Tag-tag ini bersifat untik karena tag ini tidak perlu menggunakan tag penutup.

Macam-macam Tag HTML beserta fungsinya:


1. <! DOCTYPE html>
Berfungsi untuk menentukan tipe dokumen
2. <html>
Berfungsi sebagai tag pembuka untuk membuka dokumen HTML
3. <head>
Berfungsi sebagai kepala dari dokumen HTML
4. <title>
Berfungsi untuk membuat judul dari sebuah halaman
5. <body>
Berfungsi untuk membuat tubuh dari sebuah halaman
6. <h1> s/d <h6>
Berfungsi untuk membuat judul atau heading
7. <hr>
Berfungsi untuk memisahkan (biasanya ditampilkan garis pembatas)
8. <p>
Berfungsi untuk membuat paragraf
9. <br>
Berfungsi untuk membuat garis baru
10. <b>
Berfungsi untuk membuat teks tebal
11. <strong>
Berfungsi untuk membuat teks penting
12. <i>
Berfungsi untuk membuat teks miring
13. <small>
Berfungsi untuk membuat teks kecil
14. <img>
Elemen yang berfungsi untuk mendefinisikan gambar
15. Src
Atribut yang berfungsi untuk menentukan URL gambar
16. Alt
Mendefinisikan teks pada gambar, jika gambar tidak dapat ditampilkan

Di Print Tanggal : 7 March 2020, Jam : 10:08:58


17. Width-height
Berfungsi untuk menentukan ukuran gambar
18. <picture>
Berfungsi untuk menampilkan gambar yang berbeda untuk perangkat yang
berbeda
19. Background-color
Berfungsi untuk memberikan warna latar belakang
20. Color
Berfungsi untuk member warna pada teks
21. Font-size
Berfungsi untuk mengatur ukuran font
22. Text-align
Berfungsi mengatur perataan teks
23. <form>
Berfungsi untuk membuat formulir untuk mengumpulkan input pengguna
24. <input>
Berfungsi untuk membuat tipe inputan pada form yang akan dibuat
25. <label>
Berfungsi untuk memberikan label pada elemen input
26. <select>
Berfungsi untuk membuat input dengan pilihan yang berbentuk list drop down
27. <option>
Berfungsi untuk mendefinisikan opsi yang bisa dipilih
28. <button>
Berfungsi untuk membuat button
29. <output>
Berfungsi untuk menampilkan hasil dari hitungan
30. <table>
Berfungsi untuk membuat tabel pada web
31. <tr>
Berfungsi untuk membuat baris pada tabel
32. <td>
Berfungsi untuk membuat kolom pada tabel
33. <th>
Berfungsi untuk membuat judul pada kolom. Contohnya nama,kelas dan alamat
34. <caption>
Berfungsi untuk membuat judul tabel
35. Border
Berfungsi untuk mengatur garis tabel
36. Colspan
Berfungsi untuk menggabungkan beberapa kolom. Kalau dioffice disebutnya
Merge Cell
37. Rowspan
Berfungsi untuk menggabungkan beberapa baris

Di Print Tanggal : 7 March 2020, Jam : 10:08:58


Contoh Kode Program Sederhana pada HTML

<HTML>
<HEAD>
<TITLE>CONTOH PENGGUNAAN FORMULIR</TITLE>
</HEAD>
<BODY>
<body background="TAP.jpg">
<marquee direction="right"><FONT COLOR="PINK"><font size="25"><font
face="Cooper Black"> WELCOME!!!</marquee>
<marquee direction="left"><FONT COLOR="PINK"><font size="25"><font
face="Cooper Black"> WELCOME!!!</marquee>
<center><B><U><FONT COLOR="PINK"><font size="20">DAFTAR
</FONT></U></B><center>
<h8 align=center></h8>
<table border=1 cellpadding=3 cellspacing=3
align=center>
<TABLE BORDER="5">
<TD ROWSPAN= "8">
<FORM ACTION = "LOGIN.HTML" METHOD = "POST"
<TABLE CENTER>
<TR> <td align=center> NAMA:
<TD><INPUT TYPE= "TEXT" NAME= "NAMA" SIZE= "25"
MAXLENGHT= "25"></TR></TD>
<BR>
<TR> <td align=center> NPM:
<TD><INPUT TYPE= "NUMBER" NAME= "NPM" SIZE= "25"
MAXLENGHT= "25"></TR></TD>
<BR>
<TR> <td align=center> TTL:
<TD><INPUT TYPE= "TEXT" NAME= "TTL" SIZE= "25"
MAXLENGHT= "25"></TR></TD>
<BR>
<TR> <td align=center> EMAIL:
<TD><INPUT TYPE= "TEXT" NAME= "EMAIL" SIZE= "25"
MAXLENGHT= "25"></TR></TD>
<BR>
<TR> <td align=center> PASSWORD:
<TD><INPUT TYPE= "PASSWORD" NAME= "PASSWORD" SIZE= "25"
MAXLENGHT= "25"></TR></TD>
<BR>
<TD ROWSPAN="1">
<TD><INPUT TYPE= "SUBMIT" VALUE= "DAFTAR">
<INPUT TYPE= "RESET" VALUE= "RESET" </TR></TD>
</TABLE>
</FORM></BODY> </HTML>

Di Print Tanggal : 7 March 2020, Jam : 10:08:58

Anda mungkin juga menyukai