HTML untuk Pemula: Pertanyaan dan Jawaban



Saat wawancara, banyak pemula (dan tidak hanya) pelamar untuk posisi yang terkait dengan HTML, tiba-tiba menyadari bahwa mereka tidak dapat menjawab standar yang sama, dan pertanyaan yang tampaknya mendasar. Tapi begitu ini harus berakhir? Saya pikir Anda tahu jawaban untuk pertanyaan ini dengan pasti.

Kami telah mengumpulkan daftar pertanyaan dan jawaban HTML yang kemungkinan besar akan ditanyakan selama wawancara. Setelah memahaminya, pelamar akan dapat menunjukkan tingkat pengetahuan yang cukup tinggi tentang subjek. Jika kandidat menyiapkan jawaban untuk pertanyaan-pertanyaan ini dengan baik dan dapat dengan cepat menjawabnya sebelum wawancara, ini akan membuat kesan yang baik dan memberinya keuntungan dibandingkan pesaing yang "lebih lambat".

Pertanyaan dan jawaban




Apa itu HTML?


HTML adalah singkatan dari HyperText Markup Language. Ini adalah bahasa markup untuk dokumen di World Wide Web (WWW). HTML adalah bahasa standar untuk teks berformat. Browser mengartikannya dan menampilkan elemen halaman web di layar.

Terdiri dari apa teks berformat HTML?


Pertama-tama, HTML adalah konten dan tag. Tag memungkinkan Anda menentukan bagaimana konten ditampilkan di halaman web.

Apa itu tag HTML?


Tag adalah kata layanan khusus yang diapit tanda kurung sudut. Itu juga disebut "elemen HTML." Ada banyak tag dalam bahasa HTML dan masing-masing melakukan sesuatu dengan konten, yang biasanya terletak di dalam tanda kurung atau di antara tag.
Jika tag dipasangkan, maka tag <TEG> sesuai dengan </ TEG>.

Apakah semua tag dipasangkan?


Tidak semuanya. Ada satu tag, misalnya, <img> - untuk gambar. Dalam hal ini, konten bersama dengan kata-kata layanan lainnya (misalnya, untuk <img> mungkin src = "url gambar") ditempatkan di antara tanda kurung, tetapi setelah kata img.

Apa jenis daftar utama yang digunakan untuk membuat halaman web?


Saat membuat halaman web, Anda dapat menggunakan:

  1. Daftar menu (daftar menu - <menu>).
  2. Daftar direktori (daftar direktori - <dir>).
  3. Daftar yang dipesan (daftar bernomor - <ol>).
  4. Daftar tidak berurutan (daftar berpoin - <ul>).
  5. Daftar definisi (<dl>).


Mengapa menggunakan daftar dalam HTML?


Daftar membuat informasi lebih visual dan mudah dibaca. Selain itu, di dalam daftar (lebih tepatnya, untuk tampilan item daftar yang sewenang-wenang), Anda juga dapat menggunakan berbagai tag.

Bisakah kita menulis komentar dalam HTML? Bagaimana?


Ya kita bisa. Untuk melakukan ini, teks komentar harus ditempatkan di dalam <! - dan ->.

Mengapa beberapa karakter pada halaman web terkadang ditampilkan secara tidak benar?


Paling sering, karakter ditampilkan secara tidak benar karena masalah penyandian. Itulah alasannya - dalam pengaturan browser atau server web.

Apa itu Peta Gambar?


Dalam HTML, Image Map adalah teknologi yang memungkinkan Anda menautkan tautan ke fragmen gambar. Dengan mengeklik bagian gambar secara terpisah, pengguna dapat mengikuti tautan ini atau itu ke halaman web yang berbeda.

Apa itu white-space?


White-space adalah properti yang memungkinkan Anda mengubah jumlah spasi di antara kata-kata saat menampilkan halaman web. Secara default, browser menginterpretasikan sejumlah spasi dalam kode HTML sebagai satu spasi.

Apa keuntungan utama ruang putih?


Saat menulis kode HTML, pengembang tidak perlu khawatir tentang ruang ekstra yang bisa ia masukkan: browser akan menghapus semua ruang tambahan saat halaman web ditampilkan.
Pengembang dapat menambahkan spasi ke kode, tidak hanya karena kecelakaan, tetapi juga dengan sengaja: untuk membuat kode lebih mudah dibaca.

Bisakah saya menetapkan nilai untuk tidak semua atribut tag?


Ya, dalam hal ini browser akan menggunakan nilai default. Jika Anda tidak nyaman dengan cara dia menampilkan halaman web, maka mungkin Anda harus secara eksplisit menentukan nilai beberapa atribut.

Bagaimana cara menempatkan tanda hak cipta pada halaman web, karena tidak pada keyboard?


Simbol hak cipta mengacu pada karakter khusus. Untuk meletakkannya di halaman web, Anda harus mengetik urutan & salin atau & # 169 pada keyboard di bagian kode HTML yang sesuai.

Bagaimana cara membuat tautan ke berbagai fragmen (bagian) dari halaman web yang sama?


Untuk melakukan ini, cari awal fragmen yang kita butuhkan dalam kode HTML. Di tempat ini, buat yang disebut "jangkar" menggunakan atribut nama dari tag <a> dan berikan tautan ke nama fragmen menggunakan atribut href dan tanda #:
href = "#link_name_to_fragment"

Bisakah kita menyelaraskan item daftar dalam file HTML?


Ya, kami dapat menyimpan item daftar secara langsung dalam file HTML menggunakan indentasi. Lekukan juga dapat digunakan untuk daftar bersarang di dalam induk.

Alamat halaman web mana yang biasanya dianggap sebagai alamat situs?


Ini biasanya salah satu halaman tingkat atas, halaman utama. Dari situ, pengguna pergi ke halaman yang terletak di level yang lebih rendah. Dan alamat mereka paling sering dibentuk berdasarkan alamat dari halaman utama.

Mengapa kami menggunakan teks alternatif (atribut alt dari tag <img>) untuk gambar?


Teks alternatif ditampilkan ketika gambar dinonaktifkan di browser pengguna atau jika ada masalah memuat gambar tertentu. Teks ini memperjelas apa yang seharusnya digambarkan dalam gambar ini.

Bisakah file HTML berfungsi dengan baik di browser yang langka atau canggih?


Tentu saja, file HTML dapat dan harus berfungsi dengan baik di browser apa pun, karena browser harus mematuhi standar HTML. Jika pengembang memutuskan untuk tidak mendukung beberapa fitur standar, ini tetap pada hati nurani mereka.

Apakah menurut Anda hyperlink hanya berupa teks?


Tidak, hyperlink tidak hanya berupa teks, tetapi juga, misalnya, grafik. Ini berarti bahwa kami dapat mengubah gambar menjadi tautan yang mengarahkan pengguna ke halaman lain. Hyperlink tidak tergantung pada jenis konten yang terletak "di bawahnya".

Apa atribut dari tag <li> - item daftar?


Ada dua di antaranya:

  1. type mengatur penampilan tanda atau daftar bullet;
  2. value - nomor dari mana daftar bernomor akan dimulai.


Untuk apa stylesheet (CSS)?


Lembar gaya memungkinkan Anda menetapkan aturan yang jelas yang menentukan tampilan konten, berbagai elemen HTML, dan seluruh halaman secara keseluruhan. Selain itu, aturan yang sama dapat diterapkan ke beberapa halaman web sekaligus, yang menyederhanakan pelestarian dan, jika perlu, mengubah gaya seragam situs.

Apa jenis penomoran dalam daftar yang Anda ketahui?


Nilai-nilai berikut dapat berfungsi sebagai elemen penomoran:

  • Angka Arab (1, 2, 3, ...);
  • huruf latin (A, B, C, ...);
  • huruf latin kecil (a, b, c, ...);
  • angka Romawi huruf besar (I, II, III, ...);
  • angka Romawi kecil (i, ii, iii, ...).


Bagaimana cara mengatur warna yang berbeda untuk fragmen teks dari halaman web?


Untuk mengatur warna yang berbeda untuk fragmen teks, Anda harus menempatkan setiap fragmen di dalam tag font yang dipasangkan:

<font color=β€œcolor”>-    β€œcolor”</font>


Di mana kode karakter numerik disimpan dalam HTML?


Di tabel ASCII. Saat halaman web ditampilkan, browser mengambil kode karakter numerik dari dokumen HTML dan menggantinya dengan karakter yang sesuai dari tabel.

Apa manfaat dari pengelompokan beberapa kotak centang (elemen kotak centang)?


Ada beberapa keuntungan untuk mengelompokkan bendera:

  • membantu mengatur dan menyusunnya dengan lebih baik;
  • ini memungkinkan Anda untuk mengakses flag tertentu dari grup menggunakan id;
  • ini memungkinkan Anda membuat grup bendera lain di halaman web yang sama tanpa takut membingungkan nama atau pengidentifikasi bendera tersebut.


Bagaimana tag tumpang tindih memengaruhi tampilan konten?


Tag yang tumpang tindih dalam HTML hanya mengenali tag pertama. Tetapi masalah seperti itu hanya terjadi jika browser mencoba mengenali tag tanpa teks.

Jika tidak ada teks di antara tag, apa hasilnya? Berikan contoh?


Jika tidak ada teks di antara tag, maka konten tidak mungkin diformat. Misalnya, tag tunggal, seperti <img>, tidak memerlukan input teks, dan oleh karena itu, format tidak diperlukan dalam kasus ini.

Bagaimana cara menentukan warna untuk batas tabel?


Ini bisa dilakukan dalam stylesheet, dan jika hilang, warna teks akan digunakan.

Bisakah kita membuat tautan yang mengarah ke halaman web lain?


Ya, Anda perlu menggunakan atribut href untuk ini.

Bisakah stylesheet membantu menyelaraskan gambar dan menentukan bagaimana teks diposisikan relatif terhadap itu?


Ya, lembar gaya dapat berisi aturan untuk memposisikan teks dan gambar.

Bisakah satu hyperlink mengarah ke halaman yang berbeda?


Tidak, satu hyperlink hanya dapat mengarah ke satu halaman web, alamat yang Anda berikan.

Apakah ada perbedaan antara daftar berpoin dan daftar direktori dan menu?


Ya, perbedaannya adalah bahwa daftar yang tidak berurutan memiliki atribut untuk mengubah gaya marker.

Bagaimana cara mengubah warna marker?


Warna marker biasanya cocok dengan warna karakter pertama dalam daftar. Jika Anda mengubah warna karakter pertama menggunakan tag <i>, warna marker juga akan berubah.
Jika kita ingin mengatur warna marker dalam daftar tanpa mengubah warna teks, maka kita perlu meletakkan tag <span> di dalam <li>, dan meletakkan teks di dalamnya. Dan kemudian warna marker akan ditentukan oleh warna properti style dari pemilih LI, dan warna teks oleh properti warna dari pemilih SPAN.

Apakah mungkin untuk memperkenalkan beberapa batasan pada ukuran bidang teks dalam HTML?


Ukuran standar adalah 20-25 karakter. Tetapi menggunakan atribut ukuran atau maksimal, Anda dapat mengatur batasan lainnya. Contohnya:

<input type="text" size="5" />


Berapa ukuran maksimum bidang teks?


Lebar jendela browser.

Apa yang terjadi jika Anda mengatur ukuran bidang teks ke nol?


Browser akan menggunakan nilai default.

Apa persamaan antara atribut perbatasan dan aturan?


Jika atribut batas diatur ke nilai bukan nol, batas default sel dengan ketebalan satu piksel akan ditambahkan secara otomatis. Jika atribut rules ditambahkan ke tag <table>, atribut border tidak akan disertakan.
Tetapi pada saat yang sama di sekitar setiap sel (sama seperti perbatasan), sebuah bingkai dengan ketebalan satu piksel secara default akan muncul, dengan demikian membentuk kotak.

Apa itu tenda? Bagaimana kita menerapkan ini?


Marquee membantu dalam menyesuaikan gulir teks pada halaman web. Untuk mengaktifkan pengguliran, Anda perlu menggunakan tag <marquee>.

Apa yang dilakukan tag <br>?


Fungsi tag <br> adalah untuk memisahkan potongan teks dari satu sama lain.

Apakah ada cara lain untuk membagi teks tanpa menggunakan Situs?


Ya, ada cara lain untuk membagi teks. Anda dapat menggunakan tag <p> atau tag <blockquote>.

Bisakah teks ditampilkan di luar jendela browser?


Secara default, teks tidak dapat ditampilkan di luar browser, tetapi jika teks adalah bagian dari sel tabel dengan lebar yang telah ditentukan, maka itu dapat melampaui jendela browser.

Apa perbedaan antara tautan aktif dan tidak aktif?


Tautan aktif memiliki fokus, yaitu mouse ada di atasnya. Dalam kasus lain, fokusnya adalah di tempat lain.

Apakah stylesheet memiliki batasan jumlah aturan?


Tidak, style sheet tidak membatasi jumlah aturan untuk pemilih. Namun, setiap aturan baru harus dipisahkan dengan titik koma.

Apakah stylesheet memiliki hierarki aturan?


Ya, ada hierarki yang mencakup empat level (dari prioritas tertinggi ke prioritas terendah):

  1. Gaya sebaris: Melampirkan langsung ke elemen yang gaya dibuat. Contoh:
    <h1 style="color: #ffffff;">
  2. Identifier adalah pengidentifikasi unik untuk elemen halaman, seperti #navbar.
  3. Kelas, atribut, dan pseudo-kelas: kategori ini termasuk .class [atribut] dan pseudo-kelas seperti: hover ,: fokus, dll.
  4. Elemen dan elemen semu: kategori ini mencakup elemen dan elemen semu, seperti h1, div ,: sebelum dan: setelah.


Bisakah kita mengelompokkan pemilih yang berbeda dengan nama kelas yang berbeda?


Ya, untuk ini Anda hanya perlu menulis nama kelas dengan koma.

Bisakah saya melampirkan file CSS eksternal di browser?


Tidak, file CSS eksternal dapat dimasukkan menggunakan tag <link /> dalam dokumen HTML itu sendiri.

Bisakah properti tipe-tipe daftar memengaruhi paragraf?


Tidak, properti tipe-tipe-daftar tidak dapat memengaruhi paragraf, kemungkinan besar akan mengabaikannya.

Apa itu elemen kanvas?


Elemen kanvas HTML5 dapat digunakan untuk menyisipkan gambar, gradien, dan animasi kompleks. Ini juga dapat membantu membuat gambar 2D langsung di dalam kode sumber dokumen HTML.

Kesimpulan


Jawaban atas pertanyaan-pertanyaan di atas dapat memberi Anda gambaran tentang apa yang mungkin Anda tanyakan. Anda dapat mengatasi rasa takut dan mendapatkan kepercayaan diri, yang akan membantu Anda mendapatkan pekerjaan yang Anda inginkan. Jawaban yang diuraikan di atas sebagian besar cukup jelas dan singkat. Tetapi ini cukup bagi pewawancara untuk memahami bahwa kandidat berada dalam subjek.

Kesimpulan


Selain menyiapkan jawaban yang diuraikan di atas, kami juga merekomendasikan mengobrol dengan teman atau saudara yang baru saja diwawancarai. Ini akan membantu Anda mendapatkan informasi tentang tren industri dan harapan pengusaha. Dengan demikian, Anda dapat meningkatkan keterampilan dan kemampuan Anda sesuai, dan kemudian menggunakan ini untuk menawarkan layanan Anda kepada majikan dan menampilkan diri Anda sesuai dengan harapannya.

Berkomunikasi dengan orang-orang yang baru saja diwawancarai, serta jawaban atas pertanyaan di atas, akan membantu Anda memposisikan diri sebagai kandidat yang lebih layak dan meningkatkan peluang Anda untuk penawaran.


All Articles