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 html yang 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.
CSS didesain utamanya untuk memungkinkan pemisahan antara konten dokumen (ditulis dalam HTML atau bahasa pemrograman sejenis) dari penyajian dokumen, termasuk elemen layout, warna, dan font. Dengan pemisahan ini akan mengembankan aksesibilitas, menyediakan kontrol lebih fleksibel dan mengurangi kompleksitas dan pengulangan struktur konten.
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">
<head>
<style type="text/css">
#tulisan
{
text-align:center;
color:red;
}
</style>
</head>
<body>
<p id="tulisan">Hello World!</p>
{
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>
</html>
Keterangan :
#tulisan
Adalah nama sebuah id , css membuat sebuah id dengan nama “tulisan” dan nantinya property dan value yang ada di id “tulisan” ini hanya bisa digunakan di satu objek saja yang menggunakan id "tulisan".
Adalah nama sebuah id , css membuat sebuah id dengan nama “tulisan” dan nantinya property dan value yang ada di id “tulisan” ini hanya bisa digunakan di satu objek saja yang menggunakan id "tulisan".
Terlihat di dalam script html terdapat Script "Hello World!" yang merupakan
Sebuah paragraf yang diberi id "tulisan", nah paragraf dengan id
“tulisan” ini nanti yang diubah propertinya seperti perintah css
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">
<head>
<style type="text/css">
.center
{
text-align:center;
}
</style>
</head>
<body>
<p class="center">Hello World!</p>
{
text-align:center;
}
</style>
</head>
<body>
<p class="center">Hello World!</p>
<p>This paragraph is not affected by the
style.</p>
</body>
</html>
</html>
Keterangan :
.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”.
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>
<title>Untitled Document</title>
<style type="text/css">
#para1
{
text-align:center;
color:red;
}
.center
{
color:#0000FF;
}
</style>
</head>
<div id="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>
</body>
</html>
Keterangan :
Terdapat :
1 ID dengan nama para1 yang berisi property :
Posisi tulisan : tengah
Warna : merah
1 class yang berisi property :
Untuk merubah warna menjadi biru
Terlihat perbedaan dari class dan id ,
id dengan nama para1 hanya bisa dipanggil 1 kali
saja untuk paragraph yang berisi tulisan “Hello World”
class dengan nama center bisa dipanggil 2 kali
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".5.Buatkan code table yang ada di papan tulis ?
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>
<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
- See more at: http://masdeitha.blogspot.com/2013/01/macam-macam-tag-html-dan-fungsinya.html#sthash.GbuD9XlW.dpuf
<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
- See more at: http://masdeitha.blogspot.com/2013/01/macam-macam-tag-html-dan-fungsinya.html#sthash.GbuD9XlW.dpuf
<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
- See more at: http://masdeitha.blogspot.com/2013/01/macam-macam-tag-html-dan-fungsinya.html#sthash.GbuD9XlW.dpuf