Assalamu Alaikum Wr.Wb
Kali ini saya akan menjelaskan mengenai HTML, Tag, dan atribut yang biasa digunakan
hasilnya:
hasilnya:
Kali ini saya akan menjelaskan mengenai HTML, Tag, dan atribut yang biasa digunakan
1.
Jelaskan apa yang dimaksud dengan HTML beserta fungsinya ! (
Jawaban:
HTML singkatan dari Hyper-Text Markup Language yaitu bahasa
(aturan) standar yang digunakan untuk menampilkan teks, gambar, video dan audio
ke dalam halaman web yang disimpan dalam sebuah file dengan ekstensi html. Pada
HTML dikenal istilah Tag yang merupakan istilah untuk elemen- elemen penyusun
file teks HTML
-
Fungsi HTML
a.
Membuat halaman web
b.
Menampilkan beragai informasi di dalam sebuah browser
c.
Memuat link menuju halaman web lain dengan kode
tertentu
2.
Jelaskan perbedaan antara Tag, Atribut, Value dan Element
pada HTML !
Jawaban:
-
Tag adalah penanda yang menandakan awalan dan akhiran
sebuah element HTML
-
Atribut adalah bagian dari element yang melengkapi
element tersebut
-
Value merupakan nilai yang diberikan pada sebuah
atribut
-
Element ialah isi dari tag yang berada diantara tag
pembuka dan tag penutup
3.
Tuliskan Tag HTML beserta fungsinya (Minimal 30 + Wajib
Table, Form & Link) !
Jawaban:
|
NO
|
Tag
|
fungsi
|
|
1.
|
<table>
|
Untuk
membuat table pada html
|
|
2.
|
<form>
|
Untuk membuat sebuah form html input pengguna
|
|
3.
|
<link>
|
Untuk
membuat hubungan antara dokumen dan sumber daya eksternal
|
|
4.
|
<body>
|
Untuk membuat tubuh dari halaman
|
|
5.
|
<p>
|
Untuk
membuat paragraf
|
|
a6.
|
<h1>-</h6>
|
Digunakan untuk membuat heading
|
|
7.
|
<u>
|
Memberikan
garis bawah
|
|
8.
|
<b>
|
Untuk menebalkan huruf
|
|
9.
|
<br>
|
Memasukkan
satu baris putus
|
|
10.
|
<sub>
|
Membuat text subskrip
|
|
11.
|
<sup>
|
Membuat
text superscripted
|
|
12.
|
<font>
|
|
|
13.
|
<ol>
|
Membuat
daftar dengan nomor
|
|
14.
|
<li>
|
Untuk membuat sebuah item daftar
|
|
15.
|
<ul>
|
Membuat
daftar dengan selain nomor
|
|
16.
|
<td>
|
Untuk membuat sel dalam sebuah table
|
|
17.
|
<tr>
|
Membuat
baris dalam sebuah table
|
|
18.
|
<strike>
|
Membuat text yang dicoret tengah
|
|
19.
|
<marquee>
|
Membuat
kalimat berjalan
|
|
20.
|
<hn>
|
|
|
21.
|
<a>
|
Untuk
membuat hyperlink
|
|
22.
|
<style>
|
Membuat informasi style untuk dokumen
|
|
23.
|
<input>
|
Untuk
membuat sebuah control input
|
|
24.
|
<var>
|
Membuat sebuah variable
|
|
25.
|
<select>
|
Untuk
membuat sebuah daftar drop-down
|
|
26.
|
<title>
|
Membuat judul dari sebuah halaman
|
|
27.
|
<img>
|
Digunakan
untuk memuat gambar
|
|
28.
|
<hr>
|
Membuat perubahan dasar kata didalam isi
|
|
29.
|
<meta>
|
Untuk
membuat metadata tentang dokumen html
|
|
30.
|
<head>
|
Membuat informasi tentang dokumen
|
4.
Tuliskan contoh penggunaan tag HTML (Minimal 5) !
Jawaban:
a.
Menggunakan tag <p>
<p>HTML adalah singkatan dari HyperText Markup Language</p>
hasilnya:
b. Menggunakan Tag
<h1>-<h6>
<h1>ilfah sahra</h1>
<h2>ilfah sahra</h2>
<h3>ilfah sahra</h3>
<h4>ilfah sahra</h4>
<h5>ilfah sahra</h5>
<h6>ilfah sahra</h6>
hasilnya:
c. Menggunakan Tag <i>
<i>HTML adalah singkatan dari HyperText Markup Language</i>
d.
Menggunkan tag <ol>, <li>, <ul>
ol type="A">
<li> makanan</li>
<ul>
<li>nasi goreng</li>
<li>bakso</li>
<ul>
<li>bakso urat</li>
<li>bakso tahu</li>
</ul>
<li>nasi uduk</li>
hasilnya:
e.
Menggunakan tag <table>
<table>
<tr>
<td>Nama Lengkap</td>
<td> : llfah Sahra</td>
</tr>
<tr>
<td>Tempat,Tanggal Lahir</td>
<td> : Maros,23 Oktober 2000</td>
</tr>
hasilnya:
5.
Tuliskan dan Jelaskan Atribut-Atribut yang dapat digunakan
pada Nomor 3 !
Jawaban:
|
NO
|
tag
|
atribut
|
fungsi
|
|
1.
|
<table>
|
Coslpan
|
Menggabungkan
baris
|
|
Rowspan
|
Menggabugkan kolom
|
||
|
Valign
|
Membentuk
perataan text vertikal
|
||
|
Align
|
Menentuka perataan text horizontal
|
||
|
2.
|
<link>
|
Href
|
Untuk
menentukan tujuan hyperlink
|
|
Rev
|
|
||
|
Rel
|
Untuk
menyatakan hubungan link yang dituju
|
||
|
type
|
Untuk menentukan jenis simbol
|
||
|
3.
|
<form>
|
Action
|
Memproses inputan yang dimasukkan pada tag
|
|
Method
|
Menentukan metode pengiriman data dari formulir
isian ke file pemroses
|
||
|
|
|
||
|
4.
|
<body>
|
Alink
|
Menyatakan warna dari link aktif
|
|
Background
|
Menyatakan
file gambar yang digunakan
|
||
|
Bgcolor
|
Menyatakan warna yang digunakan untuk latar
belakang
|
||
|
Bgpropertis
|
Membuat
suatu watermark yaitu background tetap
|
||
|
Text
|
Mengatur warna teks dokumen web
|
||
|
Vlink
|
Warna
link yang pernah dikunjungi
|
||
|
Topmargin
|
Mengatur margin atas dari isi dokumen
|
||
|
5.
|
<img>
|
Src
|
Menunjukkan
dimana gambar berada
|
|
Width
|
Mengatur lebar gambar
|
||
|
Height
|
Mengatur
tinggi gambar
|
||
|
Alt
|
Memberikan keterangan tambahan dari gambar
|
||
|
border
|
Memberi
border pada gambar
|
||
|
6.
|
<marquee>
|
Direction
|
Mengatur kerah mana teks Konten akan Berjalan
|
|
Behavior
|
Mengatur
variasi berjalannya text
|
||
|
Scrollmount
|
Mengatur kecepatan jalannya text
|
||
|
Scrolldelay
|
Mengatur
jeda atau perhentian sejenak
|
||
|
Loop
|
Mengatur perulangan dalam berjalannya text
|
||
|
7.
|
<meta>
|
Name
|
Mengisi
nama dari tag meta
|
|
Content
|
Isi dari property
|
||
|
Scheme
|
Untuk
menginterprefatasikan isi dari
property yang sudah diatur
|
||
|
http-equin
|
Merefres halaman
|
6.
Tuliskan dan Jelaskan Atribut yang digunakan dalam
menggabungkan baris dan kolom pada table !
Jawaban:
-
COLSPAN atribut html atribut yang digunakan untuk menggabungkan
beberapa baris
-
ROWSPAN adalah atribut
html atribut yang digunakan untuk memperlebar atau menggabungkan beberapa kolom
Komentar ini telah dihapus oleh pengarang.
BalasHapus