0% menganggap dokumen ini bermanfaat (0 suara)
24 tayangan13 halaman

Dasar-Dasar HTML dan CSS untuk Pemula

Dokumen tersebut memberikan penjelasan singkat tentang konsep dasar World Wide Web (WWW), Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) dan tag-tag dasar yang terkait. Beberapa poin penting yang disinggung antara lain definisi WWW, website, browser, fungsi tag-tag utama HTML seperti <html>, <head>, <body>, <p>, dan penjelasan singkat mengenai CSS sebagai bahasa gaya untuk mengatur tampilan konten.

Diunggah oleh

Yusuf Adiyaksa
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd

Topik yang dibahas

  • Input Form,
  • List HTML,
  • Display CSS,
  • Value CSS,
  • Font Family,
  • Tag Title,
  • DOCTYPE,
  • Tag Body,
  • Input Teks,
  • Tag Gambar
0% menganggap dokumen ini bermanfaat (0 suara)
24 tayangan13 halaman

Dasar-Dasar HTML dan CSS untuk Pemula

Dokumen tersebut memberikan penjelasan singkat tentang konsep dasar World Wide Web (WWW), Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) dan tag-tag dasar yang terkait. Beberapa poin penting yang disinggung antara lain definisi WWW, website, browser, fungsi tag-tag utama HTML seperti <html>, <head>, <body>, <p>, dan penjelasan singkat mengenai CSS sebagai bahasa gaya untuk mengatur tampilan konten.

Diunggah oleh

Yusuf Adiyaksa
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd

Topik yang dibahas

  • Input Form,
  • List HTML,
  • Display CSS,
  • Value CSS,
  • Font Family,
  • Tag Title,
  • DOCTYPE,
  • Tag Body,
  • Input Teks,
  • Tag Gambar

1.Kepanjangan dari WWW adalah ...

A. World Wide Web


B. Web Wide World
C. Wide Web World
D. World Web Wide
E. Web World Wide
Code : A

2.Sekumpulan halaman yang saling berhubungan, menampilkan informasi berupa teks,


gambar, audio, video adalah pengertian dari ...
A. HTML
B. Web Server
C. Website
D. Cloud Computing
E. WWW
Code : C

3.Di bawah ini yang bukan merupakan Browser adalah ...


A. Mozilla Firefox
B. NetScape
C. Steam
D. Google Chrome
E. Microsoft Edge
CODE : C

4.Kepanjangan dari HTML adalah ...


A. Hyper Text Markdown Language
B. Hyper Tool Markup Language
C. Hyper Text Markup Language
D. Hyper Tool Markdown Language
E. Hyper-Text Markup Language
Code : C

5.Tag utama untuk menuliskan html adalah ...


A. body
B. html
C. title
D. h1
E. head
Code : B

6.Fungsi dari tag body adalah ...


A. bagian yang akan ditampilkan pada browser

B. tag menandakan awal dan akhir dokumen html

C. untuk membuat sebuah judul


D. untuk membuat paragraf
E. tag untuk judul dokumen html
Code : A

7.Tingkatan dari tag heading berjumlah ...


A. 2
B. 3
C. 4
D. 5
E. 6
Code : E

8.Tag yang menandakan dokumen HTML versi 5


adalah ... A. <head>
B. <!DOCTYPE html>
C. <html>
D. <meta>
E. <body>
Code : B

9.Tag html digunakan untuk membuat paragraf


adalah ... A. <ul></ul>
B. <i></i>
C. <paragraf></paragraf>
D. <p></p>
E. <b></b>
Code : D

10.Dua jenis list pada html adalah ...


A. ul, ol
B. ol, li
C. ul, li
D. lt, li
E. ld, ol
Code : A

11.Tag html digunakan untuk membuat unordered list


adalah ...

A. <ul></ul>
B. <li></li>
C. <ol></ol>
D. <p></p>
E. <b></b>
Code : A

12.Fungsi dari tag <tr> pada table adalah ...


A. untuk membuat baris baru pada table
B. untuk membuat kolom baru pada table C.
untuk membuat heading table
D. sebagai tempat ditampungnya data
E. penanda awal table
Code : A

13.Fungsi dari tag <td> pada table adalah ...


A. untuk membuat baris baru pada table
B. untuk membuat kolom baru pada table

C. untuk membuat heading table


D. sebagai tempat ditampungnya data
E. penanda awal table
Code : B

14.Penulisan tag img yang benar adalah ...


A. <img src="img.png">
B. <img class="img.png">
C. <img alt="img.png">
D. <img id="img.png">
E. <img width="img.png">
Code : A
15.Atribut dari tag anchor/link yang digunakan untuk menuju halaman lain
adalah ...

A. src
B. href
C. class
D. link
E. alt
Code : B

16.Penulisan tag link yang benar adalah ...


A. <a src='google.com'>Google</a>
B. <a class='google.com'>Google</a>
C. <a link='google.com'>Google</a>
D. <a alt='google.com'>Google</a>
E. <a href='google.com'>Google</a>
Code : E

17 Di bawah ini yang bukan bagian dari tag-tag dalam formulir


adalah ... A. textarea
B. button
C. select
D. input
E. div
Code :E
18 Tipe input yang digunakan untuk menginputkan teks adalah ...
A. text
B. radio
C. checkbox
D. input
E. submit
Code : A

19 Jenis input yang digunakan untuk membuat tombol adalah ...


A. text
B. radio
C. checkbox
D. input
E. submit
Code : E

20 Kepanjangan dari CSS adalah...


A. Cascading Style Sheets
B. Cascading Sheets Style
C. Casecading Style Sheets
D. Casecading Sheets Style
E. Case Style Sheets
Code : A

21 1. inline 2. embedded 3. internal 4. external 5. Indent : Yang merupakan jenis penulisan


CSS yang benar terdapat pada nomor ...
A. 1, 2, 3
B. 1, 2, 4
C. 1, 3, 4
D. 2, 3, 5
E. 3, 4, 5
Code : C

22 Dibawah ini yang bukan merupakan property dari font styling


adalah …

A. font-family
B. font-style
C. font-color
D. font-size
E. font-weight
Code : C

23.Tag untuk mendefinisikan penulisan CSS Internal


adalah ...

A. <style>
B. <title>
C. <div>
D. <span>
E. <section>
Code : A

24 Properti CSS untuk mengganti jenis font adalah ...


A. font-style
B. font-weight
C. font-variant
D. font-family
E. text-family
Code : D

25 Properti CSS untuk memberi gambar pada background


adalah …

A. background
B. background-image
C. background-cover
D. background-picture
E. background-images
Code : B

26.#card a { color: black} kode CSS tersebut berfungsi untuk


mengatur ...

A. Warna text link dalam elemen card


B. Warna text link dalam ID card
C. Warna text link dalam Class card
D. Warna text link dalam root card
E. Warna text link dalam elemen body
Code : C

27 Berikut ini merupakan value dari property display,


kecuali …

A. inline
B. inline-block
C. block
D. none
E. float
Code :A

28 Berikut ini merupakan value dari property overflow,


kecuali … A. Visible
B. Hidden
C. Block
D. Auto
E. Scroll
Code : C

29 Berikut ini penulisan css yang benar untuk mengatur border adalah
… A. border: 10px black;
B. border: 5px;
C. border: black;
D. border: solid black;
E. border: 5px solid black;
Code : E

30 Berikut ini merupakan value dari position, kecuali


… A. Dinamic
B. Static
C. Relative
D. Absolute
E. Fixed
Code : A

31 Kode warna berikut #BABABA merupakan cara pemanggilan warna menggunakan



A. RGB
B. Hex
C. Nama warna
D. HSL
E. RGBS
Code :B

32 Elemen berikut ini secara default akan memiliki display block,


kecuali …

A. h1-h6
B. p
C. ol
D. sub
E. div
Code : D

33.Elemen berikut ini yang secara default memiliki display inline adalah

A. div
B. form
C. label
D. ul
E. h3
Code : C

34.Berikut ini merupakan value dari style pada border, kecuali …


A. Line
B. Solid
C. Dotted
D. Dashed
E. Double
Code : A

35.Elemen berikut ini yang secara default memiliki display inline-block adalah

A. div
B. form
C. label
D. ul
E. Semua salah
Code : E

36.Properti css yang berfungsi untuk mengganti warna teks adalah


A. text-color
B. color
C. font-color
D. font
E. text
Code : B

37.Properti css yang berfungsi untuk mengganti posisi dari background adalah
… A. background-position
B. bg-position
C. background-display
D. position
E. display
Code : A

38.Berikut ini adalah value yang dapat digunakan pada properti text-transform,
kecuali ...

A. none
B. lowercase
C. midcase
D. uppercase
E. capitalize
Code : C

39.Berikut ini adalah value yang dapat digunakan pada properti text-decoration,
kecuali ...
A. static
B. none
C. underline
D. overline
E. line-through
Code : A

40.Berikut ini adalah value yang dapat digunakan pada properti text-align,
kecuali ...

A. left
B. right
C. center
D. justify
E. middle
Code : E

Anda mungkin juga menyukai