1. Apa yang dimaksud dengan HTML ?
HTML
adalah kependekan dari Hypertext Markup Language dan pengertiannya adalah
sekumpulan text atau file ASCII yang berisi intruksi atau perintah
program untuk web browser untuk menampilkan tampilan grafis sebuah
halaman website.
2. Sebutkan tag-tag HTML yang kalian ketahui dan fungsinya ?
Html = Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML
Head = Kepala dari dokumen HTML
Title = Judul dari dokumen HTML yang ditampilkan pada judul jendela browser
Body = Tag untuk menampilkan isi dokumen HTML
H2 = Header 2, sub judul sebuah web
p = Membuat paragraf
Center = Tag html berfungsi untuk menampilkan teks dengan posisi horizontal ditengah
Hr = Tag html berfungsi untuk membuat suatu garis horizontal
Align = Menentukan posisi garis dihalaman web
Width = Mengatur panjang garis dalam satuan pixel
Noshade = Menyatakan bahwa garis yang kita buat tidak menngunakan bayang-bayang 3D.
Pre = Preformated Text, tag html berfungsi untuk menampilkan teks apa adanya sesuai text editor
H1 = Header 1, untuk judul sebuah web
br = Tag untuk ganti baris
a = Tag html yang berfungsi untuk menghubungkan ke internal atau ekserrnal halaman web
href = Atribut yang di tambahkan kedalam tag a dimana value dari href ini adalah url
ol =
Order List, tag html berfungsi untuk membuat nomor daftar urut, bisa
berupa angka, huruf atau angka romawi.
li = List Item, tag yang berada di elemen OL dan UL yang berbentuk list
Ul = Unorder List, tag html berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet)
dl = Mendefinisikan sebuah daftar isi
dd = Mendefinisaikan deskripsi dari item dalam daftar definisi <penjelasan>
dt = Mendefinisikan istilah (item) dalam daftar definisi <istilah>
Center = Tag html berfungsi untuk menampilkan teks dengan posisi horizontal ditengah
b = Bold, tag html yang berfungsi untuk mempertebal teks
img = Tag html untuk menampilkan gambar
src = Source, menyatakan lokasi penyimpan gambar atau lokasi dimana gambar diambil.
Border = <mengatur ketebalan garis>
tr = Table Row, mendefiniskan baris pada tabel
table = Tag yang berfungsi untuk membuat suatu data yang terdiri dari baris dan kolom
th = <judul table / otomatis bold>
td = <penampilannya td tebal>
Font = Tag html berfungsi untuk merubah jenis, ukuran dan warna dari tampilan huruf
Size = Untuk merubah ukuran huruf
Face = Untuk merubah jenis huruf
cellpadding = jarak tulisan/konten dengan garis cell (2 pixel)
cellspacing = jarak spasi antar cell (2 pixel)
bgcolor = warna dasar (#ffffff = putih)
rowspan = Menggabungkan baris
td = Table Data, terletak di dalam tag TR, yang berfungsi untuk memasukkan data-data
collspan = Menggabungkan kolom
div = suatu element yang di gunakan untuk mengelompokan suatu element atau tag tag agar menjadi suatu group
3. Apa yang dimaksud dengan CSS ?
Cascading Style Sheet (CSS) merupakan aturan untuk
mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih
terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.
Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.
4. Sebutkan tipe/jenis selector pada CSS ? Berikan contoh !
1. Type Selector
p {font-family: arial, helvetica, sans-serif;font-size: 13px;color : #333;}
2. Class Selector.beda {
font-size: 15px;
color : red;
}3. Id Selector#khusus {
font-size: 12px;
color: blue;
}4. Descendant Selector.konten p{
color: blue;
}5. Universal Selector*{
color: #fff;
background-color: #333;
}
5. Buatkan code di tabel yang dipapan tulis!
<table width="800" border="1">
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td height="158"> </td>
<td> </td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>
