15 คำถามและคำตอบสัมภาษณ์ HTML ที่สำคัญที่สุด [2022]

เผยแพร่แล้ว: 2021-01-08

Tim Berners Lee บิดาแห่ง HTML ได้แนะนำภาษานี้ให้โลกเห็น และตอนนี้มันเป็นหนึ่งในภาษาการเขียนโปรแกรมที่ใช้กันอย่างแพร่หลายมากที่สุดสำหรับการพัฒนาหน้าเว็บ ดังนั้นจึงนำมาซึ่งโอกาสและงานที่มีกำไรมากมาย เนื่องจากความต้องการ HTML นั้นไม่มีที่สิ้นสุด หากคุณสงสัยว่าจะเริ่มต้นที่ไหนก่อน เราขอนำเสนอ คำถามสัมภาษณ์ HTML และคำตอบ ที่จะช่วยให้คุณผ่านพ้นการสัมภาษณ์งานที่ยากลำบากเหล่านั้นได้

เนื่องจาก HTML เป็นภาษาที่ใช้งานได้หลากหลายและมีการพัฒนาตลอดหลายปีที่ผ่านมา จึงมีหลายด้านที่สามารถนำมาใช้ได้ เช่น:

  • หากคุณกำลังวางแผนที่จะเป็นนักออกแบบเว็บไซต์และนักพัฒนามืออาชีพที่เต็มเปี่ยม คุณต้องเรียนรู้ HTML และ CSS
  • คุณสร้างเว็บไซต์ตั้งแต่เริ่มต้นด้วย HTML และยังปรับแต่งหน้าเว็บที่มีอยู่ด้วย HTML
  • หากคุณต้องการเพิ่มประสิทธิภาพและความเร็วของเว็บไซต์ คุณจำเป็นต้องรู้เทคนิคบางอย่างใน HTML
  • ด้วย HTML เป็นพื้นฐาน คุณสามารถเรียนรู้เทคโนโลยีที่เกี่ยวข้องอื่นๆ เช่น JavaScript, PHP หรือ Angular ได้อย่างง่ายดาย
  • HTML มีประโยชน์ในด้านการพัฒนาเกมและมอบประสบการณ์ผู้ใช้ที่หลากหลาย

เรียนรู้การสร้างแอปพลิเคชัน เช่น Swiggy, Quora, IMDB และอื่นๆ

นอกเหนือจากที่กล่าวมาข้างต้น แนวคิดโครงการเพิ่มเติมสามารถดำเนินการได้ด้วยการเรียนรู้เทคโนโลยีอย่างละเอียดถี่ถ้วน

คุณรู้หรือไม่ว่าโอกาสในการทำงานและเงินเดือนที่เสนอให้กับนักพัฒนา HTML? ตรวจสอบเงินเดือนนักพัฒนา HTML ในอินเดีย การเรียนรู้ HTML ของคุณจะแสดงให้เห็นในการสัมภาษณ์และวิธีตอบ คำถามสัมภาษณ์ HTML ที่คุณถาม

ด้วยขอบเขตของงานที่กำลังพิจารณา เราได้เตรียมรายการ คำถามและคำตอบในการสัมภาษณ์ HTML 10 อันดับแรกเหล่านี้ เพื่อช่วยให้คุณประสบความสำเร็จในการสัมภาษณ์ เป็นขั้นตอนแรกของการเตรียมการ และคุณจะได้รับข้อมูลเชิงลึกเกี่ยวกับประเภทของคำถามที่ถาม เป็นโบนัส เราได้แสดงรายการ คำถามและคำตอบในการสัมภาษณ์ HTML เพิ่มเติมห้าข้อ เพื่อเติมเชื้อเพลิงให้กับโหมดการเตรียมตัวของคุณ!

ดังนั้นโดยไม่รอช้าเรามาดูกันดีกว่า

สารบัญ

คำถามและคำตอบสัมภาษณ์ HTML

1. HTML คืออะไร?

ตอบ:

HTML เป็นตัวย่อสำหรับ Hypertext Markup Language เป็นภาษามาร์กอัปของเอกสารทั่วไปสำหรับการพัฒนาหน้าเว็บเพื่อแสดงบนเว็บเบราว์เซอร์

ส่วนขยายที่ใช้ในการบันทึกหน้า HTML คือ .html และ .htm

2. แท็กใน HTML คืออะไร?

ตอบ:

ในหน้า HTML แท็กที่ใช้คือการวางเนื้อหาและจัดรูปแบบหน้า พวกเขากำหนดระหว่าง (<) และ (>) สัญลักษณ์เสมอ ตัวอย่างเช่น <h1>ข้อความ</h1>

แท็กเปิดต้องนำหน้าด้วยแท็กปิดและระบุด้วยสัญลักษณ์ '/'

แท็กสั่งให้เบราว์เซอร์จัดรูปแบบ HTML แท็กมีประโยชน์หลายอย่าง เช่น การเปลี่ยนลักษณะที่ปรากฏของข้อความ การแสดงกราฟิก หรือการเชื่อมโยงหน้าอื่น

อ่าน: เงินเดือนนักพัฒนา HTML ในอินเดีย: สำหรับ Freshers & มีประสบการณ์

3. อะไรคือความแตกต่างที่สำคัญระหว่างองค์ประกอบ HTML และแท็ก?

ตอบ:

นี่เป็นหนึ่งใน คำถามสัมภาษณ์ HTML ที่ถูกถามบ่อย ที่สุด

องค์ประกอบ HTML

ส่วนของหน้าเว็บ เช่น ย่อหน้า รูปภาพ หรือลิงก์เป็นองค์ประกอบ และองค์ประกอบมีวิธีการดำเนินการบางอย่าง ตัวอย่างเช่น ใช้ลิงก์เพื่อคลิก และสามารถใช้กล่องข้อความเพื่อป้อนข้อความได้

แท็ก HTML

องค์ประกอบ HTML สื่อสารกับเบราว์เซอร์ถึงวิธีการแสดงข้อความและกลายเป็นแท็ก HTML เมื่ออยู่ภายในวงเล็บเหลี่ยม <>

4. หากคุณต้องการแสดงข้อมูล HTML บางอย่างในตารางในรูปแบบตาราง คุณจะใช้แท็ก HTML ใด

ตอบ:

HTML มีแท็กเฉพาะ เช่น แท็กตารางเพื่อแสดงข้อมูลในรูปแบบตาราง ด้านล่างนี้คือรายการแท็ก HTML ที่ใช้แสดงข้อมูลในรูปแบบตารางใน HTML:

แท็ก

คำอธิบาย

<ตาราง>

สำหรับกำหนดตาราง

<caption>

สำหรับการกล่าวถึงคำอธิบายภาพลงในตาราง

<tr>

สำหรับกำหนดแถวในตาราง

<td>

สำหรับกำหนดเซลล์ในตาราง

<th>

สำหรับกำหนดเซลล์ส่วนหัวในตาราง

<tbody>

สำหรับจัดกลุ่มเนื้อหาในตาราง

<col>

สำหรับระบุคุณสมบัติของคอลัมน์สำหรับแต่ละคอลัมน์ของตาราง

5. คุณลักษณะใน HTML คืออะไร?

ตอบ:

แต่ละแท็กจะมีแอตทริบิวต์เพิ่มเติมเพื่อเปลี่ยนลักษณะการทำงานของแท็ก แอตทริบิวต์ถูกกำหนดโดยตรงหลังชื่อแท็ก ภายในวงเล็บเหลี่ยม ปรากฏในแท็กเปิดและจะไม่ปรากฏในแท็กปิด

ตัวอย่างเช่น:

คุณสามารถกำหนดแอตทริบิวต์สำหรับ แท็ก <input> เช่น ช่องข้อความ ช่องทำเครื่องหมาย ปุ่มตัวเลือก หรือวิธีอื่นๆ อีกมากมาย

อ่านเพิ่มเติม: คำถามสัมภาษณ์ Javascript

6. แท็ก Anchor ใน HTML คืออะไร?

ตอบ:

แท็กแองเคอร์ใช้เพื่อเชื่อมโยงสองส่วน หน้าเว็บ หรือเทมเพลตเว็บไซต์ใน HTML

รูปแบบของมันคือ:

<a href=”#” target=”link”></a>

โดยที่ 'href' เป็นแอตทริบิวต์ของแท็ก anchor ที่ใช้ในการระบุส่วนต่างๆ ในเอกสาร 'ลิงก์' จะถูกกำหนดในแอตทริบิวต์เป้าหมาย ซึ่งจะเชื่อมโยง

7. รายการใน HTML คืออะไร?

ตอบ:

รายการ HTML ใช้เพื่อจัดกลุ่มชุดของรายการที่เกี่ยวข้องในรายการ ถูกกำหนดด้วยแท็ก <li>

รายการ HTML ที่ใช้กันทั่วไปบางรายการ:

  • รายการสั่งซื้อ (แท็ก HTML: <ol>)
  • รายการที่ไม่เรียงลำดับ (แท็ก HTML: <ul>)
  • รายการคำอธิบาย (แท็ก HTML: <dl>)
  • รายการเมนู (แท็ก HTML: <เมนู>)
  • รายการไดเรกทอรี (แท็ก HTML: <dir>)

8. กำหนดเค้าโครง HTML

ตอบ:

หน้าเว็บ HTML ถูกจัดเรียงในรูปแบบเฉพาะ (รูปแบบ) ต่อไปนี้คือส่วนต่างๆ ของหน้าเว็บ HTML เพื่อระบุส่วนต่างๆ ของหน้าเว็บ:

แหล่งที่มา

ส่วนหลักของเค้าโครงคือ:

  • ส่วนหัวเพื่อกำหนดเอกสารหรือส่วนหัวของส่วน
  • เนื้อหาหลักที่รวมเนื้อหาหน้าเว็บทั้งหมด
  • Footer เพื่อกำหนดเอกสารหรือส่วนท้ายของส่วน

นอกจากนี้ยังมีส่วนต่างๆ เช่น บทความและแถบนำทางที่เป็นส่วนหนึ่งของเค้าโครง

เรียนรู้เพิ่มเติม: แนวคิดและหัวข้อโครงการ CSS ที่สนุก 10 อันดับแรกสำหรับผู้เริ่มต้น

9. แบบฟอร์มใน HTML คืออะไร?

ตอบ:

แบบฟอร์มใช้เพื่อรวบรวมข้อมูลผู้ใช้เมื่อกรอกและให้รายละเอียดเพื่อบันทึกลงในฐานข้อมูล

แหล่งที่มา

10. การใช้ความคิดเห็นใน HTML คืออะไร?

ตอบ:

ความคิดเห็นถูกใช้ในเอกสาร HTML เพื่อจดบันทึกสำคัญและช่วยให้นักพัฒนากล่าวถึงการแก้ไขที่จะรวมไว้ในภายหลัง พวกมันจะไม่แสดงในเบราว์เซอร์เมื่อรันโค้ด ความคิดเห็นจะเขียนอยู่ระหว่างสัญลักษณ์ '—' ที่จุดเริ่มต้นและจุดสิ้นสุดของวงเล็บเหลี่ยมเสมอ

ไวยากรณ์:

<!—'ความคิดเห็น' !–>

คำถามและคำตอบสัมภาษณ์ HTML เพิ่มเติมห้าข้อ

11. HTML5 คืออะไร?

ตอบ:

HTML5 เป็นเวอร์ชัน HTML ที่ได้รับการปรับปรุงซึ่งเปิดตัวในปี 2014 โดยกลุ่ม World Wide Web ทุกวันนี้ นายจ้างทุกคนต้องการใส่สิ่งนี้เป็นหนึ่งใน คำถามสัมภาษณ์ HTML

ได้กำหนดคุณลักษณะใหม่ ๆ ที่จะเรียนรู้โดยผู้เชี่ยวชาญดังต่อไปนี้:

  • การประกาศ DOCTYPE: เพื่อประกาศประเภทเอกสาร HTML เพื่อสั่งเว็บเบราว์เซอร์เกี่ยวกับภาษามาร์กอัป
  • หลัก: แท็กหลักกำหนดส่วนหลักในเอกสารที่เกี่ยวข้องกับเนื้อหาส่วนกลางของเอกสารที่มี <main> แท็
  • Section : ใช้เพื่อกำหนดส่วนเฉพาะในเอกสาร เช่น บท ส่วนหัว ส่วนท้าย หรือส่วนอื่นๆ และระบุด้วยแท็ก <section>
  • Header: ดิว แท็กส่วนหัวกำหนดชื่อหรือส่วนหัวของเอกสารหรือส่วนของเอกสาร มันถูกระบุด้วย <header> แท็ก
  • ส่วน ท้าย: The แท็กส่วนท้ายกำหนดส่วนของเอกสารที่มีข้อมูลเช่นลิขสิทธิ์หรือข้อมูลของผู้เขียน ถูกกำหนดด้วย <footer> แท็ก
  • บทความ: The แท็กบทความแสดงถึงส่วนที่เป็นอิสระหรือมีอยู่ในตัวเองของเนื้อหาของเอกสารที่มีแท็ก <บทความ>

12. HTML เชิงความหมายคืออะไร?

ตอบ:

HTML เชิงความหมายเป็นรูปแบบหนึ่งของการเข้ารหัส โดยที่แท็กจะสื่อถึงความหมายของข้อความ HTML ใช้ความหมายเพื่อเสริมความหมายหรือวัตถุประสงค์ของเนื้อหา

ตัวอย่างเช่น:

แท็ก <b> </b> และ <i> </i> ที่ใช้เป็นตัวหนาและตัวเอียงใน HTML จะถูกแทนที่ด้วยแท็ก <strong></strong> และ <em></em> ในรูปแบบ HTML เชิงความหมาย

เนื่องจากเป็นการแสดงรูปแบบและไม่มีความหมายหรือโครงสร้าง

13. Image Map คืออะไร?

ตอบ:

แผนผังรูปภาพช่วยให้คุณเชื่อมโยงหน้าเว็บต่างๆ ด้วยภาพเดียวได้ มันถูกแสดงด้วยแท็ก <map> นายจ้างทุกคนคาดหวังให้ผู้สมัครทราบเกี่ยวกับเรื่องนี้ และนี่เป็นหนึ่งใน คำถามสัมภาษณ์ HTML ที่พบบ่อย ที่สุด

14. เหตุใดแท็กฝังจึงใช้ใน HTML

คำตอบ :

แท็กฝังใช้สำหรับรวมวิดีโอหรือเสียงในเอกสาร HTML แหล่งที่มาของไฟล์เสียงหรือวิดีโอที่จะแสดงบนเว็บเพจถูกกำหนดไว้ภายในแท็กฝังเป็น:

<EMBED> ที่มา </EMBED>

15. แท็ก 'Marquee' ใน HTML คืออะไร

ตอบ:

คุณสามารถใส่ข้อความเลื่อนด้วยแท็ก Marquee ด้วยความช่วยเหลือของแท็กนี้ รูปภาพหรือข้อความสามารถเลื่อนขึ้น ลง ซ้าย หรือขวา

ข้อความที่เลื่อนถูกกำหนดไว้ในแท็ก <marquee>……</marquee>

อ่านเพิ่มเติม: คำถามสัมภาษณ์เต็มกอง

เรียนรู้ หลักสูตรซอฟต์แวร์ออนไลน์ จากมหาวิทยาลัยชั้นนำของโลก รับโปรแกรม PG สำหรับผู้บริหาร โปรแกรมประกาศนียบัตรขั้นสูง หรือโปรแกรมปริญญาโท เพื่อติดตามอาชีพของคุณอย่างรวดเร็ว

บทสรุป

เราได้พยายามอย่างเต็มที่เพื่อให้คุณพร้อมกับแนวคิด HTML ที่นำเสนอ คำถามสัมภาษณ์ HTML '10+5' ในบทความนี้ ด้วยความหวังว่าสิ่งเหล่านี้จะช่วยคุณในการเตรียมการสัมภาษณ์

สำหรับความรู้เพิ่มเติมเกี่ยวกับ HTML คุณสามารถค้นหา โปรแกรม Executive PG ของ upGrad ที่สร้างขึ้นมาอย่างพิถีพิถันในการพัฒนาซอฟต์แวร์แบบฟูลสแตกที่ ออกแบบมาสำหรับมืออาชีพที่ทำงาน รวมถึงการฝึกอบรมอย่างเข้มงวดมากกว่า 500 ชั่วโมง โครงการและการมอบหมายมากกว่า 9 โครงการ โครงการภาคปฏิบัติจริง และ ความช่วยเหลืองานกับบริษัทชั้นนำ

การพัฒนาเว็บส่วนหน้าคืออะไร?

การพัฒนาส่วนหน้าเป็นส่วนหนึ่งของการพัฒนาเว็บที่เกี่ยวข้องกับการสร้างองค์ประกอบต่างๆ เช่น HTML, CSS และ JavaScript นักพัฒนา Front-end เชี่ยวชาญในการปรับปรุงและขัดเกลาประสบการณ์ของผู้ใช้บนเว็บไซต์ นักพัฒนาส่วนหน้าใช้ HTML, CSS และ JavaScript เพื่อสื่อสารกับผู้ใช้ การสื่อสารนี้ทำผ่านการออกแบบเว็บ กราฟิก และการโต้ตอบ นักพัฒนา Front-end มีหน้าที่รับผิดชอบในการสร้างความประทับใจครั้งแรกของผู้ใช้และประสบการณ์ของเว็บไซต์ การออกแบบเว็บที่ดีมีความสำคัญต่อการพัฒนาส่วนหน้าที่ดี นักพัฒนา front-end ที่ดีคือนักพัฒนาที่สามารถพัฒนาเว็บไซต์ที่ใช้งานได้จริงและใช้งานง่าย

การใช้ HTML ในการพัฒนาเว็บคืออะไร?

HTML (Hypertext Markup Language) เป็นภาษามาร์กอัปที่ใช้สร้างหน้าเว็บ เป็นภาษาที่ใช้กันทั่วไปในการแสดงเนื้อหาบนเว็บ ไม่ว่าคุณจะรู้ตัวหรือไม่ก็ตาม คุณก็มักจะใช้ HTML ทุกวัน HTML สามารถใช้เพื่อแสดงข้อความ รูปภาพ แอนิเมชั่น เสียง และแม้แต่วิดีโอ HTML ประกอบด้วยแท็ก ซึ่งล้อมรอบด้วยวงเล็บเหลี่ยม แท็กใช้เพื่ออธิบายข้อมูลบางส่วน ตัวอย่างเช่น แท็กที่ใช้แสดงส่วนหัวจะเป็น

.

HTML และ CSS ทำงานร่วมกันอย่างไร

HTML และ CSS ทำงานร่วมกันเพื่อสร้างหน้าเว็บ HTML (Hypertext Markup Language) เป็นโค้ดโครงสร้างที่อยู่เบื้องหลังหน้าเว็บส่วนใหญ่ HTML คือสิ่งที่สร้างเลย์เอาต์ของเว็บเพจ และสร้างส่วนหัว ท้ายกระดาษ ข้อความ และรูปภาพต่างๆ ที่คุณเห็นเมื่อคุณดูเพจ CSS (Cascading Style Sheets) ถูกนำไปใช้กับ HTML และช่วยให้คุณสามารถปรับเปลี่ยนรูปลักษณ์ของโครงสร้าง HTML ได้ สิ่งสำคัญคือต้องสังเกตว่าเมื่อคุณแก้ไข HTML คุณจะไม่เห็นการเปลี่ยนแปลงใน CSS เนื่องจากการแยกจากกัน แต่คุณจะเห็นการเปลี่ยนแปลงหากคุณดูหน้าในเบราว์เซอร์อื่น