HTML

Tugas Pendahuluan I Makassar, 14 Mei 2022

PRAKTIKUM

PEMROGRAMAN WEB

Nama : Nur Azizah Khoirunnisa

Nim : 13020200242

Dosen : Dedy Atmajaya, S.Kom.,M.Eng.

Asisten 1 : Ericha Apriliyani, S.Kom., MTA

Asisten 2 :

Frekuensi : B3

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER

UNIVERSITAS MUSLIM INDONESIA

MAKASSAR

2022

1. Jelaskan apa yang dimaksud dengan HTML beserta fungsinya!

Jawaban :

HTML atau Hypertext Markup Language adalah bahasa markup yang digunakan untuk membuat struktur halaman website agar dapat ditampilkan pada web browser. HTML dapat dianalogikan sebagai pondasi awal dalam menyusun kerangka halaman web secara terstruktur sebelum membahas terkait tampilan desain dan sisi fungsionalitas.

Fungsi utama penggunaan HTML sendiri adalah membangun tampilan website yang telah menerapkan metode semantik untuk memudahkan setiap pengembang dalam proses development dan maintenance. Selain itu HTML juga berfungsi untuk memudahkan pengguna saat mengelola atau mengatur sebuah data dalam bentuk dokumen pada website. Sehingga menghasilkan dokumen yang menarik dan mudah dibaca oleh seluruh pengguna internet di seluruh dunia.

2. Jelaskan perbedaan antara Tag, Atribut, Value dan Element pada HTML!

Jawaban:

Perbedaan antara Tag, Atribut, Value dan Element dan Pada HTML

Secara umum terdapat dalam pengertiannya.

Ø Pengertian Tag Pada HTML

Di dalam proses HTML, tag sebagai pemberitahu situs tentang fungsi sebuah text. Secara umum Tag yaitu informasi yang diterima sistem website terkait tentang fungsi dari sebuah teks yang ada di dalamnya. Dengan informasi inilah situs bisa mendeteksi teks yang mana yang berupa list artikel, paragraf artikel atau hanya link/URL situs.

Ø Pengertian Atribut Pada HTML

Atribut adalah informasi tambahan yang diberikan kepada tag. Informasi ini bisa berupa instruksi untuk warna dari text, besar huruf dari text, dll. Setiap atribut memiliki pasangan nama dan nilai (value) yang ditulis dengan name=”value”. Value diapit tanda kutip, boleh menggunakan tanda kutip satu (‘) atau dua (“). Attribut dibutuhkan jika ingin melakukan manipulasi website. Terutama yang berjenis Id dan Class yang berjalan dalam sistem CSS.

Ø Pengertian Value Pada HTM

Value adalah nilai yang diberikan pada sebuah attribut. Value sendiri berfungsi untuk menentukan besar kecilnya dampak dari attribut dengan angka. Semakin besar angka maka semakin besar dampaknya. Namun value sendiri tidak hanya berupa angka. ada yang berupa karakter atau tulisan biasa. Semua ini tergantung dari attributnya saja.

Ø Pengertian Element Dalam HTML

Element adalah isi dari tag yang berada diantara tag pembuka dan tag penutup, termasuk tag itu sendiri dan atribut yang dimilikinya (jika ada).

3. Tuliskan Tag HTML beserta fungsinya (Minimal 30 + Wajib Table, Form & Link)!

Jawaban:

1. <html> : tag untuk membuat dokumen HTML.

2. <head> : kepala dari dokumen HTML.

3. <title> : tag yang berguna untuk membuat judul dari sebuah halaman.

4. <body> : tag yang digunakan untuk menampilkan isi dokumen HTML.

5. <p> : tag untuk membuat paragraph.

6. <H1 s/d H6> : header, sub judul sebuah web.

7. <center> : tag yang berfungsi untuk menampilkan teks dengan posisi yang horizontal di tengah.

8. <hr> : tag yang berguna untuk membuat suatu garis horizontal.

9. <width-height> : untuk mengatur suatu Panjang garis pada satuan pixel.

10. <align> : untuk menentukan posisi garis dihalaman web.

11. <pre> : berfungsi untuk menampilkan teks yang apa adanya sesuai dengan text editor.

12. <noshade> : menerangkan bahwa garis yang telah dibuat tersebut tidak menggunakan bayang-bayang 3D.

13. <a> : tag html yang fungsinya untuk menghubungkan ke internal atau eksternal pada halaman web.

14. <ol> : order list, tag html yang fungsinya membuat nomor daftar urut, dapat berwujud huruf angka atau angka romawi.

15. <br> : tag sebagai ganti garis

16. <li> : list item, tag yang ada di elemen ol dan ul berbentuk list.

17. <ul> : unorder list, tag html yang fungsinya membuat daftar tanpa nomor urut (bullet).

18. <dl> : untuk menjelaskan sebuah daftar isi.

19. <dd> : menjelaskan deskripsi dari item dalam daftar definisi.

20. <dt> : menjelaskan istilah (item) dalam daftar definisi.

21. <b> : bold, tag yang berfungsi untuk membuat teks menjadi tebal.

22. src : source, tag untuk menjelaskan lokasi temapat tersimpanya gambar atau darimana letak diambilnya gambar tersebut.

23. <tr> : table row, untuk menjelaskan baris yang ada pada tabel.

24. <img> : tag html sebagi menampilkan gambar.

25. <border> : untuk menebalkan garis.

26. Tag <a> : mengapit objek seperti teks, gambar atau tombol yang dapat diklik pada link HTML di web browser.

27. <form> : digunakan untuk mendefinisikan awal dan akhir form pada HTML. Tag <form> harus memiliki atribut action dan atribut method.

28. Form field adalah elemen-elemen yang ada di dalam form yang digunakan user untuk mengisi data.

29. <table> : tag yang berfungsi membuat data yang terdiri dari baris dan kolom.

30. <td> : tag untuk membuat sel dalam sebuah tabel.

31. <th> : tag untuk membuat sebuah sel header tabel.

32. <size> : tag berfungsi untuk mengubah ukuran huruf.

33. <font> : tag untuk mengubah ukuran, jenis dan warna pada tampilan huruf.

34. <face> : tag untuk mengubah jenis huruf.

35. <cellspacing> : jarak spasi antar cell (2 pixel).

36. <cellpadding> : untuk membuat jarak tulisan atau konten dengan garis cell (2 pixel).

37. <rowspan> : untuk menggabungkan baris.

38. <collspan> : untuk menggabungkan kolom.

39. <bgcolor> : warna latar belakang

40. <div> : suatu elemen yang digunakan untuk mengelompokkan suatu element atau tag-tag supaya menjadi suatu group.

41. alt : Mendefinisikan teks pada gambar, jika gambar tidak dapat ditampilkan

42. float : Properti untuk float image pada CSS

43. <map> : Mendefinisikan gambar peta

44. <area> : Mendefinisikan area atau daerah-daerah gambar pada peta

45. <picture> : Menampilkan gambar yang berbeda untuk perangkat yang berbeda

46. style : Atribut untuk elemen styling pada HTML

47. color : Memberi warna pada teks

48. font-family : Mengubah font pada teks

49. font-size : Mengatur ukuran font

50. text-align : Mengatura perataan teks

4. Tuliskan contoh penggunaan tag HTML (Minimal 5)!

Jawaban:

a) Tag Dasar

<html> : tag untuk membuat dokumen HTML.

<head> : kepala dari dokumen HTML.

<title> : tag yang berguna untuk membuat judul dari sebuah halaman.

<body> : tag yang digunakan untuk menampilkan isi dokumen HTML.

Contoh :

<html>

<head>

<title>Contoh Tag Dasar</title>

</head>

<body>

<h1>Judul Pertama Contoh 1</h1>

<p>Paragraf Pertama Contoh 1</p>

</body>

</html>

b) Tag Judul

<H1 s/d H6> : header, sub judul sebuah web.

<hr> : tag yang berguna untuk membuat suatu garis horizontal.

Contoh :

<html>

<body>

<h1>Sub Judul / Heading 1</h1>

<p>Paragraf 1</p>

<hr>

<h2>Sub Judul/ Heading 2</h2>

<p>Paragraf 2</p>

<hr>

</body>

</html>

c) Tag Paragraf

<p> : tag untuk membuat paragraph.

<br> : tag sebagai ganti garis

<pre> : berfungsi untuk menampilkan teks yang apa adanya sesuai dengan text editor

Contoh :

<html>

<body>

<p>Contoh paragraph 1</p>

<br> Contoh

<p>

Contoh paragraph 2

Aku untuk kamu, kamu untuk aku

Kukira kita asam dan garam

I’ll be with you from dusk till dawn

</p>

</body>

</html>

d) Tag Gambar

<img> : tag html sebagi menampilkan gambar.

src : source, tag untuk menjelaskan lokasi tempat tersimpanya gambar atau darimana letak diambilnya gambar tersebut.

alt : Mendefinisikan teks pada gambar, jika gambar tidak dapat ditampilkan

<width-height> : untuk mengatur suatu Panjang garis pada satuan pixel.

float : Properti untuk float image pada CSS

<map> : Mendefinisikan gambar peta

<area> : Mendefinisikan area atau daerah-daerah gambar pada peta

<picture>: Menampilkan gambar yang berbeda untuk perangkat yang berbeda

Contoh :

<html>

<body>

<h2>Heading</h2>

<p>Paragraf:</p>

</body>

</html>

e) Tag Style

style : Atribut untuk elemen styling pada HTML

color : Memberi warna pada teks

font-family : Mengubah font pada teks

font-size : Mengatur ukuran font

text-align : Mengatura perataan teks

<bgcolor> : warna latar belakang

Contoh :

<html>

<body>

<h2 style="color: white;" align="center"><b>Contoh</b></h2>

<h1 style="text-align:center;">Heading</h1>

<p style="text-align:center;">Paragraf.</p>

</body>

</html>

5. Tuliskan dan jelaskan atribut-atribut yang dapat digunakan pada Nomor 3!

Jawaban:

ü Atribut ID

Atribut id dari tag html ini digunakan untuk mengidentifikasi beberapa elemen unik dari sebuah halaman HTML.

ü Atribut Tittle

Atribut title atau judul diberikan untuk memberikan notifikasi judul pada sebuah elemen. Sintaks dari atribut title hampir sama dengan id atribut.

ü Atribut Class

Atribut class digunakan untuk menghubungkan sebuah elemen dengan style sheet, dan menetapkan class dari elemen. Untuk lebih memahami atribut class ini alangkah baiknya untuk mempelajari CSS (Cascading Style Sheet) terlebih dulu.

ü Atribut Style

Atribut style ini digunakan untuk menghubungkan elemen secara khusus ke CSS, didalam elemen. CSS ini digunakan untuk memberikan tampilan indah (kustomisasi) pada HTML.

ü Atribut SRC

Atribut src biasanya digunakan pada tag untuk melakukan embedding seperti menampilkan gambar, video atau audio. Atribut src merupakan atribut yang bertugas mengspesifikasikan lokasi file gambar,video atau audio yang ingin di embed.

ü Atribut HREF

Atribut HREF merupakan sebuah atribut yang digunakan pada tag <a> dimana HREF ini digunakan untuk meng-spesifikasikan URL tujuan dari sebuah link HTML yang dibuat.

ü Atribut Width dan Height

Atribut Width dan Height digunakan untuk menentukan ukuran Lebar dan juga Tinggi dari sebuah objek yang ada pada sebuah dokumen HTML dan biasanya digunakan pada tag <img> untuk mengatur lebar dan tinggi dari gambar yang di embed.

ü Atribut ALT

Atribut alt digunakan untuk memberikan informasi terhadap sebuah objek yang gagal dimuat. Contohnya bila kita terapkan atribut alt iini kedalam tag <img> maka apabila koneksi pengguna sedang low dan gagal melakukan loading gambar tersebut maka teks yang ada pada atribut alt yang akan muncul.

6. Tuliskan dan jelaskan atribut yang digunakan dalam menggabungkan baris dan kolom pada tabel!

Jawaban:

Atribut Colspan dan Rowspan

ü Atribut Colspan atau column span merupakan atribute HTML yang berfungsi untuk menggabungkan beberapa kolom, sederhananya menggabungkan kolom ke samping.

ü Atribut Rowspan merupakan atribut HTML yang fungsi utamanya adalah menggabungkan beberapa baris, sederhananya menggabungkan baris ke bawah.

HelloChiko

Cari Blog Ini

HTML

Komentar

Posting Komentar

Postingan populer dari blog ini

CSS