LAPORAN PRAKTIKUM APLIKASI KOMPUTER

HTML

“HyperText Markup Languange”

OLEH

LAODE MUH. SUARDI S.

E1E118045

JURUSAN TEKNIK INFORMATIK

FAKULTAS TEKNIK

UNIVERSITAS HALU OLEO

KENDARI

2018
 KATA PENGANTAR

Segala puja hanya bagi Allah yang maha pengasih lagi maha penyayang.
Berkat limpahan karunia nikmatNya penulis dapat menyelesaikan laporan ini
dengan lancar. Dalam proses penyusunnya tak lepas dari bantuan, arahan dan
masukan dari berbagai pihak. Untuk itu penulis ucapkan banyak terima kasih atas
segala partisipasinya dalam menyelesaikan laporan ini.

Meski demikian, penulis menyadari masih banyak sekali kekurangan dan

kekeliruan di dalam penulisan laporan ini,baik dari segi tanda baca, tata bahasa
maupun isi. Sehingga penulis secara terbuka menerima segala kritik dan saran
positif dari pembaca.

Demikian apa yang dapat penulis sampaikan. Semoga laporan ini dapat
bermanfaat untuk masyarakat umumnya,dan untuk penulis sendiri khususnya.

Kendari,2 Desember 2018

 DAFTAR ISI
KATA PENGANTAR ............................................................................................ 2

BAB I ...................................................................................................................... 5

PENDAHULUAN .................................................................................................. 5

1.1 Latar Belakang .............................................................................................. 5

1.2 Tujuan ............................................................................................................ 5

1.3 Manfaat .......................................................................................................... 6

BAB II ..................................................................................................................... 7

LANDASAN TEORI .............................................................................................. 7

BAB III ................................................................................................................... 9

METODOLOGI PRAKTIKUM ............................................................................. 9

3.1 Waktu dan Tempat ........................................................................................ 9

3.1.1 Waktu ......................................................................................................... 9

3.1.2 Tempat ........................................................................................................ 9

3.2 Alat dan Bahan .............................................................................................. 9

3.2.1 Alat ............................................................................................................. 9

3.2.2 Bahan .......................................................................................................... 9

3.3 Prosedur Praktikum ..................................................................................... 10

BAB IV ................................................................................................................. 11

HASIL PEMBAHASAN ...................................................................................... 11

4.1 Hasil praktikum ........................................................................................... 11

4.2 analisis dan pembahasan.............................................................................. 13

BAB V................................................................................................................... 17

PENUTUP ............................................................................................................. 17

5.1 Kesimpulan .................................................................................................. 17

5.2 Saran ............................................................................................................ 17

DAFTAR PUSTAKA ........................................................................................... 18

LAMPIRAN .......................................................................................................... 19
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Dengan perkembangan zaman yang sangat pesat, kita sebagai masyarakat
harus peka terhadap perkembangan zaman tersebut. Dengan berkembangnya
zaman, maka teknologipun semakin berkembang pula. Komputer telah menjadi
benda yang memiliki tujuan serbaguna dalam penggunaannya dalam kehidupan
sehari-hari.

Dalam dunia pekerjaan, kita telah dimudahkan dengan internet dalam

bekerja, begitu pula dalam dunia pendidikan dan lain-lain, hal yang ditampilkan
dalam internet tidak lansung ada tanpa proses, adapun cara membuat laman yang
ada di internet menggunakan Hyper Text Markup Languange atau sering kita
dengar dengan sebutan HTML.

HTML merupakan bahasa standar dalam menampilkan halaman web,

dengan HTML kita dapat membuat berbagai laman web yang bertujuan untuk
berbagai hal seperti website sekolah, institusi pemerintahan dan lain-lain.

Dengan melakukan praktikum ini, kita dapat mengetahui dasar-dasar dari

membuat laman web sehingga kelak di masa depan kita dapan memanfaatkan hal
tersebut dalam dunia kerja dan menjadi modal kita.

1.2 Tujuan
Adapun tujuan dari praktikum aplikasi komputer materi “HTML” adalah
sebagai berikut :

1. Untuk mengetahui pengertian dari HTML.

2. Untuk mengetahui jenis-jenis tag yang digunakan dalam HTML 5.
3. Untuk mengetahui langkah-langkah dalam membuat website sederhana.
1.3 Manfaat
Adapun manfaat dari praktikum aplikasi komputer materi “HTML”
adalah sebagai berikut :

1. Dapat memehami pengertian dari HTML.

2. Dapat memehami jenis-jenis tag yang digunakan dalam HTML 5.
3. Dapat memehami langkah-langkah dalam membuat website
sederhana.
 BAB II
LANDASAN TEORI

HTML (HyperText Markup Language) merupakan bahasa standar yang

digunakan untuk menampilkan halaman web. Pada dasarnya, semua halaman web
(web page) ditulis menggunakan bahasa HTML. Untuk melihat isi dari halaman
web tersebut kita menggunakan web browser (Internet Explorer, Firefox, Google
Chrome, dsb.). Tujuan dari adanya web browser adalah agar dapat membaca dan
menampilkan dokumen HTML. Browser tidak menampilkan tag HTML, tapi tag
tersebut hanya sebagai tanda bagaimana cara menampilkan dokumen HTML.

HTML digunakan untuk membangun suatu halaman web. Sekalipun banyak

orang menyebutnya sebagai suatu bahasa pemrograman, HTML sama sekali bukan
bahasa pemrograman, tapi merupakan bahasa markup (penandaan), terhadap
sebuah dokumen teks. Simbol markup yang digunakan oleh HTML ditandai dengan
tanda lebih kecil ( < ) dan tanda lebih besar ( > ) yang biasa disebut tag.

Sebuah file HTML merupakan file teks biasa yang mengandung tag-tag
HTML. Karena merupakan file teks, maka HTML dapat dibuat dengan
menggunakan teks editor yang sederhana, misalnya notepad. Dapat juga
menggunakan HTML editor yang bersifat WYSIWYG ( What You See Is What You
Get ), misalnya Dreamwaver. Untuk menandai bahwa sebuah file teks merupakan
file HTML, maka ciri yang paling nampak jelas adalah ekstensi filenya, yaitu .htm
atau .html. Dalam pemberian nama sebuah dokumen bersifat case sensitif sehingga
dokumen dengan nama a.html akan berbeda dengan dokumen A.html.

HTML merupakan pengembangan dari standar pemformatan dokumen teks

yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah
dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu
sistem operasi tertentu. HTML dibuat oleh Tim Berners-Lee ketika masih bekerja
untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal
tahun 1990, HTML mengalami perkembangan yang sangat pesat. Setiap
pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang
lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada
bulan November 1995 oleh IETF ( Internet Engineering Task Force ). HTML 2.0
ini merupakan penyempurnaan dari HTML+ (1993). HTML 3.0 (1995)
memberikan kemampuan lebih daripada versi sebelumnya. Sebuah pada bulan
Januari 1997. HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara
resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari
HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).
HTML harus di awali dan diakhiri dengan kode-kode html dimana
menunjukkan bagaimana keluarannya pada saat di jalankan pada sebuah web
browser. Bahasa pemrograman itu dipahami oleh semua komputer di dunia atau
internet. Perintah html harus berada didalam tanda <..>, yang digunakan untuk
menampilkan fungsi – fungsi tertentu misalnya fungsi link dan sebagainya.
Dinamakan Hypertext karena kita bias membaca isi dari sebuah dokumen/berita
tanpa harus membacanya baris demi baris. Kita bias melompat – lompat dari satu
topik ke topik lainnya. Dinamakan MarkUp Languange karena dokumen html
mengandung tanda atau perintah tertentu untuk menentukan tampilan teks, gambar,
dan sebagainya beserta fungsi – fungsi yang diinginkan. Usaha dari World Wide
Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan
HTML 3.2. HTML versi ini secara resmi diterbitkan.
Seperti umumnya dokumen lain, dokumen HTML terdiri dari teks-teks dan
bahkan lebih dari dari itu. Dokumen HTML juga dapat mengandung suatu gambar,
suara, ataupun video. Satu hal yang membedakan dokumen HTML dengan
dokumen-dokumen lainnya adalah adanya elemen-elemen HTML beserta tag-
tagnya. Elemen dan tag HTML berfungsi untuk menformat atau menandai suatu
bagian tertentu dari dokumen HTML dan juga untuk menentukan struktur bagian
tersebut dalam dokumen. HTML.Elemen dan Tag inilah yang merupakan ciri utama
dari suatu dokumen HTML. Secara garis besar, untuk menuliskan sebuah dokumen
HTML dibutuhkan kerangka penulisan dengan tag-tag dasar, yaitu HTML,
HEAD,TITLE dan BODY.
 BAB III
METODOLOGI PRAKTIKUM

3.1 Waktu dan Tempat

3.1.1 Waktu
Adapun waktu pelaksanaan praktikum aplikasi komputer materi “HTML”
dilaksanakan pada Jumat, 30 November 2018 pada pukul 13.30 - Selesai.

3.1.2 Tempat
Adapun tempat pelaksanaan dari praktikum aplikasi komputer dilaksanakan
di Laboratorium Sistem Informasi dan AI lantai 3 Fakultas Teknik, Universitas
Halu Oleo.

3.2 Alat dan Bahan

3.2.1 Alat
Adapun alat yang digunakan dalam praktikum aplikasi komputer materi
“HTML” adalah sebagai berikut :

Tabel 3.1 Alat

No. Alat Fungsi

1. Laptop Sebagai media penulisan kode HTML

3.2.2 Bahan
Adapun bahan yang digunakan dalam praktikum aplikasi komputer materi
“HTML” adalah sebagai berikut :

Tabel 3.2 Daftar Bahan

No. Bahan Fungsi

1. Sublime Text 3 Sebagai text editor
3.3 Prosedur Praktikum
Adapun prosedur yang dilakukan dalam praktikum aplikasi komputer
materi “HTML” adalah sebagai berikut :

1. Praktikan harus memiliki kartu tanda praktikan

2. Praktikan wajib membuka alas kaki dan mengumpulkan Tugas
Pendahuluan sebelum memasuki Laboratorium.
3. Setelah sudah memasuki ruang laboratorium, praktikan wajib mengikuti
Pre-Test seputar materi Praktikum.
4. Setelah mengikuti Pre-Test, praktikan mengikuti instruksi kakak Asisten
Dosen dalam melaksanakan praktikum.
5. Setelah praktikum selesai, praktikan wajib menjaga kebersihan ruangan
laboratorium sebelum keluar dari ruangan laboratorium.
 BAB IV
HASIL PEMBAHASAN

4.1 Hasil praktikum

Adapun dalam praktikum kali ini ,yang di praktekkan yaitu cara membuat
website dengan menggunakan sublime text adalah sebagai berikut:
1. Buka aplikasi sublime text

2. Kemudian buka lembar kerja baru dengan cara menekan new file
3. Lembar kerja baru akan terbuka

4. Save terlebih dahulu sebelum memulai

5. Kemudian ketikkan tag-tag HTML untuk membuat website

 6. Tempat hasil codingan

7. Akan muncul tampilan website hasil codingan kita

4.2 analisis dan pembahasan

Tag – tag dan Fungsi HTML (HyperText Markup Language)
Tabel 1.1 Tag – tag dan fungsi HTML

NO NAMA FUNGSI

<html></html> Tag pembuka di dalam membuat

1.
sebuah desain web.
2. <head> </head> Menyisipkan bagian head pada sebuah
html.
3. <title> < /title> Menyisipkan title html
4. <body> </body> Menyisipkan atribut untuk seluruh
dokumen.
5. <I> </I> Menyisipkan tulisan miring.
6. <tt> </tt> Mendefinisikan teletype text
7. <tfoot> </tfoot> Untuk mengelompokkan isi footer di
dalam sebuah tabel
8. <strike> </strike> Untuk memberi garis tengah pada
teks/mencoret teks
9. <blockquote> Mendefinisikan sebuah kutipan
</blockquota> panjang.
10. <h5></h5> Menyisipkan tulisan dalam bentuk
h5. Header 5
11. <h4></h4> Menyisipkan tulisan dalam bentuk
h4. Header 4
12. <h3></h3> Menyisipkan tulisan dalam bentuk
h3. Header 3
13. <h2> </h2> Menyisipkan tulisan dalam bentuk
h2. Header 2
14. <h1> </h1> Menyisipkan tulisan dalam bentuk h1.
Header 1
15. <u> </u> Menyisipkan tulisan bergaris bawah.
16. <thead> </thead> Untuk mengelompokkan isi header di
dalam sebuah tabel
17. <map> </map> Mendefinisikan client-side peta
gambar
18 <menu> </menu> Mendefinisikan sebuah daftar menu.
19. <noscript> Jika browser user tidak mendukung
</noscript> client-side scripts.
20. <var> </var> Mendefinisikan sebuah variable
21.  Memberikan efek superscript pada
teks.
22.  Memberikan efek subscript pada teks.
23. <input> </input> Mendefinisikan input field pada form
24. <frameset> Mendefinisikan satu set frame
</frameset>
25. <smap> </smap> Mendefinisikan contoh keluaran dari
program computer
26. <thead> </thead> Untuk mengelompokkan isi header di
dalam sebuah tabel
27. <span> </span> Mendefinisikan sebuah section dalam
dokumen
28. <button> </button> Mendefinisikan sebuah tombol diklik.
29. <code> </code> Mendefinisikan sebuah bagian dari
kode komputer
30. <area> </area> Mendefinisikan daerah yang dapat
diklik (link) pada peta gambar
31. <b> </b> Menyisipkan tulisan tebal
32. <center> </center> Menyisipkan tulisan dalam bentuk
ratah tengan .
33. <marquee> Menyisipkan tulisan berjalan
</marquee>
34. <base> </base> Mendefinisikan URL dasar/target
untuk semua URL relatif dalam
dokumen
35. <a> </a> Membuat link ke dokumen atau situs
lainnya. Href, target, style, class,
name, id.
36. <p> </p> Menyisipkan paragraph.
37. <listing> </listing> Fungsi tag ini sama dengan tag <pre>
dan dianjurkan menggunakan tag
<pre> karena tag <listing> tidak
layak/diprotes
38. <menu> </menu> Mendefinisikan sebuah daftar menu
39. <meta> </meta> Mendefinisikan metadata tentang
sebuah dokumen HTML
40. <option> </option> Menampilkan beberapa pilihan yang
berbentuk dalam sebuah daftar drop-
down
41. <select> </select> Membuat daftar drop-down
42. <big> </big> Memperbesar ukuran teks sebesar satu
point dari defaultnya.
43. <img> </img> Berfungsi untuk menampilkan gambar
pada dokumen HTML.
44. <hr> </hr> Membuat garis horizontal
45. <ul> </ul> Mendefinisikan daftar dalam format
bullet
46. <tr> </tr> Membuat baris di dalam sebuah table
47. <small> </small> Memperkecil ukuran teks dari ukuran
defaultnya
48. <form> </form> Mendefinisikan sebuah form HTML
untuk input form
49. <font> </font> Mendefinisikan jenis font, warna dan
ukuran untuk teks
50. <blink> </blink> Menyisipkan tulisan berkedip kedip.
 BAB V
PENUTUP
5.1 Kesimpulan
Kesimpulan nya yaitu HTML merupakan bahasa standar yang digunakan
untuk menampilkan halaman web. Pada dasarnya, semua halaman web yang kita
lihat ditulis menggunakan html.Html memiliki fungsi untuk membangun suatu
web, dokumen HTML terdiri dari teks-teks dan bahkan lebih dari dari itu. Dokumen
HTML juga dapat mengandung suatu gambar, suara, ataupun video.

5.2 Saran
Adapun saran dari laporan ini yaitu sebaiknya praktikan lebih aktif dan
terampil dalam menjalankan praktikum serta mengetahui terlebih dahulu langkah-
langkah dalam praktikum agar pada saat praktikum berlangsung praktikan tidak
merasa bingung.
 DAFTAR PUSTAKA
Tidak diketahui. (2015, Agustus 24). sintaktag.html beserta fungsi kegunaannya.
Retrieved from kenzieleonaro.wordpress.com:
http://www.kenzieleonaro.wordpress.com

•http://www.burung-net.com/2015/05/pengertian-html-fungsi-html-serta-sejarah-
html.html
LAMPIRAN