Berikut ini adalah tanya jawab seputar ilmu seputar koding HTML, siapa tau bisa bermanfaat buat permula seperti kita, silahkan disimak aja langsung :
1. Apa yang dimaksud dengan html?
Jawab :
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.
2. Sebutkan tag-tag HTMLyang kalian ketahui dan fungsinya!
Jawab :
<a href> membuat link ke halaman lain atau kebagian lain dari halaman tersebut.
<a name> membuat nama bagian yang didenifisikan pada link pada halaman yang sama.
<applet> sebagai awal dari java applets
<area> mendenifisikan daerah yang sdapat di klik (link) pada image map.
<b> membuat teks tebal
<basefont> membuat atribut teks default seperti jenis ukuran dan warna fort.
<bgsound> memberi (suara latar) background sound pada halaman web.
<big> memperbesar ukuran teks sebesar satu point dari ukuran defaultnya.
<blink> membuat teks berkedipan
<body> Tag awal untuk mmelakukan berbagai pengaturan terhadap teks, warna link, visited link.
<br> pindah baris.
<caption> membuat caption pada label.
<center> untuk perataan tengah untuk teks atau gambar.
<comment> meletakkan komentar pada halaman web tidak akan Nampak pada browser.
<dd> indents teks
<div> represents different sections of text.
<embed> menambahkan sound or file avi kehalaman web
<fn> seperti tag <a nama>
<form> mendefinisikan input form
<frame> mendefinisikan frame
<frameset> mendefinisikan atribut halaman yang akan menggunakan frame
<h1>…<h6> ukuran font
<head> mendenifisikan head document
<hr> membuat garis horizontal
<html> berarti dokumen html
<i> membuat teks miring
<img> image, imagenap atau an animation
<input> mendenifisikan input field pada form
<li> membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>,<menu>,<ol> atau<ul>)
<map> mendenifisikan client side map
<marquee> membuat scrolling teks (teks berjalan) – hanya pada MS IE
<nobr> mencegah ganti baris pada teks atau images
<noframes> jika browser user tidak mendukung frame
<ol> mendenifisikan awal dan akhir list
<p> ganti paragraph
<pre> membua teks dengan huruf yang sama
<script> mendenifisikan awal script
<table> membuat table
<td> kolom pada table
<title> mendenifisikn title
<tr> baris pada table
<u> membuat teks bergaris bawah
3. Apa yang dimaksud dengan CSS?
Jawab :
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!
Jawab :
1. 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>
2. 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>
3. Descendant Selector
Descendant Selector adalah selector yang memanfaatkan elemen diatasnya , untuk dimanipulasi kemudian.
Contoh HTML biasa :
<div class="post-body">
<h1>Contoh judul postingan</h1>
<p>Contoh paragraf contoh paragraf disini paragraf<p>
</div>
p dan h1 adalah selector turunan dari selector ".post-body"
Jadi,isi "<p>" dan "<h1>"adalah memiliki style huruf yang sama, baik font-family, font weight,text decoration dll dengan manipulasi CSS CLASS dari post-body.
<h1> dan <p> adalah descendant selector yang bisa kita atur / manipulasi dengan memanfaatkan elemen diatasnya yaitu CLASS post-body.
Jika post-body mendeklarasikan text warna merah,maka text pada h1 dan <p> juga memiliki warna merah, termasuk jika mendeklarasikan style font yang lain.
Lalu bagaimana cara agar kita memberi satu perbedaan pada style font pada masing, masing h1 dan p dimana itu merupakan descendant selector dari ".post-body".
Begini cara dan contoh penulisannya :
.post-body h1{ font-size: 25 px}
.post-body p{font-color: blue}
5. Buatlah kode dari tabel dibawah ini!
Jawab
<body>
<table width="800" border="1">
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>
</body>
</html>