jawaban : Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML
2 . sebutkan tag HTML yang kalian ketahui dan fungsinya
jawaban :
| <abbr> | Digunakan untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan informasi bermanfaat kepada penelusur-penulusur page source(halaman sumber kode) / pembaca layar, sistem terjemahan dan mesin pencari yang berasal dari singkatan yang sudah diuraikan, tetapi saat di browser uraian tersebut tidak akan tampil dan hanya sebagai informasi saja | ||||||||
| <acronym> | Mendefinisikan akronim / fungsi tag ini kurang lebih sama dengan tag <abbr> | ||||||||
| <address> | Mendefinisikan informasi kontak untuk penulis/pemilik dokumen | ||||||||
| <applet> | Digunakan untuk memasukan file java kedalam dokumen HTML | ||||||||
| <area /> | Mendefinisikan daerah yang dapat diklik (link) pada peta gambar | ||||||||
| <b> | Membuat teks tebal | ||||||||
| <base /> | Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen | ||||||||
| <basefont /> | Membuat atribut teks default, seperti warna, ukuran, jenis font untuk semua teks dalam dokumen | ||||||||
| <bdo> | Digunakan untuk menimpa arah teks | ||||||||
| <big> | Memperbesar ukuran teks sebesar satu point dari defaultnya | ||||||||
| <blink> | Membuat teks berkedip | ||||||||
| <blockquote> | Mendefinisikan sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok kedalam | ||||||||
| <body> | Mendefinisikan body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar, animas, link dan seterusnya | ||||||||
| <br /> | Memberi baris baru/pindah baris | ||||||||
| <button> | Mendefinisikan sebuah tombol diklik | ||||||||
| <caption> | Membuat caption pada tabel | ||||||||
| <center> | Untuk perataan tengah terhadap teks atau gambar | ||||||||
| <cite> | Mendefinisikan kutipan | ||||||||
| <code> | Mendefinisikan sebuah bagian dari kode komputer | ||||||||
| <col /> | Mendefinisikan nilai atribut dari satu kolom atau lebih dalam sebuah tabel | ||||||||
| <colgroup> | Menentukan kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan | ||||||||
| <dd> | Mendefinisikan deskripsi dari item dalam daftar definisi | ||||||||
| <del> | Untuk memberi garis tengah pada teks/mencoret teks | ||||||||
| <dfn> | Mendefinisikan sebuah istilah definisi | ||||||||
| <dir> | Mendefinisikan sebuah daftar direktori | ||||||||
| <div> | Mendefinisikan sebuah section dalam dokumen | ||||||||
| <dl> | Mendefinisikan sebuah daftar definisi | ||||||||
| <dt> | Mendefinisikan istilah (item) dalam daftar definisi | ||||||||
| <em> | Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring | ||||||||
| <embed> | Digunakan untuk memasukkan file video atau file musik | ||||||||
| <fieldset> | Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form | ||||||||
| <font> | Mendefinisikan jenis font, warna dan ukuran untuk teks | ||||||||
| <form> | Mendefinisikan sebuah form HTML untuk input form | ||||||||
| <frame /> | Mendefinisikan frame dalam fremeset | ||||||||
| <frameset> | Mendefinisikan satu set frame | ||||||||
| 3 . apa yang dimaksud dengan CSS jawaban : Cascadng Style Sheets (css ) adalah sebuah file berisi baris kode untuk memberitahukan pada web browser bagaimana sebuah halaman HTML ditampilkan, umumnya presentasi yang diatur adalah tampilan dan format halaman sebuah dokumen. css digunakan secara luar untuk mengatur gaya tampilan sebuah halaman website yang tertulis dalamn HTML 4 . sebutkan tipe atau jenis selector pada CSS , berikan contohnya jawaban : Selector ID
Selector id digunakan untuk menentukan style bagian
unik dari html. Unik disini artinya satu nama id hanya bisa digunakan satu kali
pada sebuah halaman web. Apabila satu nama ID digunakan lebih dari satu kali
pada sebuah halaman, maka style hanya akan berlaku pada id yang pertama saja.
Selector ID pada syntax CSS ditandai dengan “#”.
Secara teori ID hanya bisa digunakan sekali saja
dalam tag html, artinya jika suatu ID sudah dipakai dalam
tag <div> (misal) maka pemakaian ID yang sama dalam tag html
yang berikutnya akan diabaikan. Namun pada kenyataannya ID bisa digunakan
berulang-ulang dalam tag html yang berbeda maupun yang sama, mirip
dengan class generic.
Contoh Pengunaan dari ID :
<html>
<head> <style type="text/css">
#tulisan
{ text-align:center; color:red; } </style> </head> <body> <p id="tulisan">Hello World!</p>
<p>This paragraph is not affected by the
style.</p>
</body>
</html>
Selector Class
Selector class digunakan untuk menentukan style dari
sebuah group elemen. Berbeda dengan ID, selector class bisa dipakai berulangkali
pada sebuah dokumen web, artinya sebuah nama class dapat dipanggil beberapa
kali pada elemen-elemen yang ada pada sebuah halaman web. Selector class
dituliskan dengan ditandai dengan tanda titik “.” . Class dalam css digunakan
jika kita ingin memberikan lebih dari satu jenis style pada suatu tag html.
Dalam hal ini, terdapat 3 jenis class yang bisa digunakan yaitu :
· Class, adanya selector yang diikuti dengan tanda titik
(.) dan nama class-nya, lalu pendefinisian property dsan value nya.
· Generic class, tidak terdapat selector dan langsung diawali
dengan tanda titik (.) dan nama class nya.
·
Pseudo class, merupakan
style built in yang telah ada pada aturan css dan didukung oleh beberapa
browser. Nama class dari tipe ini sudah ditentukan jadi kita tidak bisa
merubah-rubah nama class nya secara sembarangan.
Contoh Pengunaan dari Class :
<html>
<head> <style type="text/css">
.center
{ text-align:center; } </style> </head> <body> <p class="center">Hello World!</p>
<p>This paragraph is not affected by the
style.</p>
</body>
</html>
.center
Adalah nama sebuah class , css membuat sebuah class dengan nama “center” dan nantinya property dan value yang ada di class “center” ini bisa digunakan berulangkali pada sebuah dokumen web dengan menggunakan class “center”.
Terlihat di dalam script html terdapat Script "Hello World!" yang nantinya
akan diubah propertinya seperti perintah css
Perbedaan antara Selector ID dan
Selector Class
1)
Class dapat
dipakai berulang kali, sedangkan ID hanya dapat dipakai sekali. Kita tidak akan
bisa menggunakan ID yg sama utk 2 elemen berbeda.
2)
Pada kode CSS,
nama Class didahului oleh titik ( . ), sedangkan ID didahului simbol
pagar ( # ).
3)
Kita bisa
memakai lebih dari 1 Class pada sebuah elemen sedangkan ID tidak bisa. Seperti
yg kita tahu, ID hanya bisa dipakai 1 elemen pada suatu halaman. Contohnya
pemakaian 2 Class, seperti ini:
<p class="satu dua">
.satu { font-weight: bold; }
.dua { padding-left: 2em; }
4)
Karena keunikan
sebuah elemen ID, maka kita bisa membuat link '#nama_ID'. Contohnya begini:
<a href="#satu" >
maka link tsb akan otomatis membawa kita ke elemen
HTML dgn ID satu pada halaman yg sama. Hal ini bisa berguna saat kita
ingin membuat link Back to Top.
Contoh
penggunaan Class dan ID
<html >
<head>
<title>Untitled Document</title>
<style type="text/css">
#para1
{ text-align:center; color:red; } .center { color:#0000FF; } </style> </head> <div id="para1">\
Hello World!</div>
<div class="center">
paragraph yang terkena class </div>
<div class="center">
paragraph yang terkena class2 </div>
<body></body> </html>
jawaban :
<body>
<table width="691" height="213"
border="1">
<tr>
<td
colspan="2"> </td>
</tr>
<tr>
<td
width="333" height="113"> </td>
<td> </td>
</tr>
<tr>
<td
colspan="2"> </td>
</tr>
</table>
</body>
</html>
|
Tidak ada komentar:
Posting Komentar