HTML là một trong những ngôn ngữ phổ biến nhất và được sử dụng chủ yếu để thiết kế trang web. Là ngôn ngữ lập trình cung cấp năng lượng cho web, nó được sử dụng để báo cho trình duyệt web biết cấu trúc của trang
Hãy ghi nhớ điều này, chúng tôi đã chọn lọc cẩn thận các câu hỏi phỏng vấn HTML thường gặp. Toàn bộ đã được chia thành hai phần
Tùy thuộc vào kinh nghiệm tổng thể của bạn, bạn có thể tham khảo nội dung dưới đây và trau dồi các kỹ năng của mình trước khi bước chân vào phòng phỏng vấn
Câu hỏi phỏng vấn HTML cơ bản
- Thuộc tính là gì và làm thế nào để sử dụng chúng?
- Sự khác biệt giữa thẻ và phần tử trong HTML là gì?
- Một số danh sách phổ biến giúp thiết kế một trang là gì?
- Trích dẫn sự khác biệt giữa các phần tử cấp khối và nội tuyến trong HTML?
- Các thẻ HTML được sử dụng để hiển thị dữ liệu ở định dạng bảng là gì?
- Khoảng trắng là gì và lợi ích của việc sử dụng nó?
- Mục đích của một biểu định kiểu là gì?
- Các tệp HTML có thể hoạt động tốt trên các trình duyệt mới không?
- Bản đồ hình ảnh là gì?
- Giải thích cấu trúc của mẫu HTML
- Biểu mẫu trong HTML là gì?
- Thẻ có được coi là thẻ HTML không?
- Làm thế nào bạn sẽ thay đổi màu sắc của đạn?
- Văn bản có thể xuất hiện bên ngoài trình duyệt không?
- Sự khác biệt giữa liên kết hoạt động và liên kết thông thường là gì?
Câu hỏi phỏng vấn HTML nâng cao
- HTML ngữ nghĩa là gì?
- Làm thế nào bạn có thể tạo một trang web lồng nhau?
- Kể tên các thẻ để ngăn cách một đoạn văn bản?
- Sự khác biệt giữa DIV và SPAN trong HTML là gì?
- Sự khác biệt giữa danh sách có thứ tự và không có thứ tự là gì?
- Những loại CSS nào có thể được bao gồm trong HTML?
- Các thực thể trong HTML là gì?
- Việc sử dụng thẻ span là gì?
- Lợi thế của việc thu gọn khoảng trắng là gì?
- Sự khác biệt giữa các đối tượng LocalStorage và SessionStorage là gì?
- Làm cách nào để chèn ảnh vào ảnh nền của trang web?
- Hệ thống phân cấp theo sau khi nói đến biểu định kiểu là gì?
- Kể tên một số tính năng mới không có trong HTML nhưng có trong HTML5?
- Thẻ Anchor là gì và làm thế nào bạn có thể mở một URL vào một tab mới khi được nhấp vào?
- Chúng tôi có thể tự động sửa đổi giá trị của thuộc tính của thẻ HTML không?
- Tại sao các thẻ Meta được sử dụng trong HTML?
- Giải thích các thành phần danh sách trong HTML
- Điều gì xảy ra khi bạn chồng chéo các bộ thẻ?
- Giải thích Canvas
- Giải thích năm loại đầu vào mới do HTML5 cung cấp cho các biểu mẫu?
- Giải thích thẻ Script
- Giải thích SVG bằng mã HTML
Sự kết luận
Câu hỏi và trả lời phỏng vấn HTML cơ bản
1. Thuộc tính là gì và làm thế nào để sử dụng chúng?
HTML sử dụng hai thành phần là thẻ và nội dung theo sau chúng. Mỗi thẻ có một thứ đặc biệt được gọi là thuộc tính được giữ trong phần mở và phần đóng . Các thuộc tính sẽ ở ngay sau tên của thẻ
Ví dụ: việc sử dụng thẻ đầu vào khá phổ biến và được sử dụng nhiều lần khi tạo biểu mẫu bằng HTML
Bây giờ đầu vào có thể là văn bản hoặc hộp kiểm hoặc nút radio. Điều quan trọng là chỉ định loại. Đây là nơi các thuộc tính phát huy tác dụng. Chúng giúp xác định loại đầu vào. Trên thực tế, bản thân "loại" là một thuộc tính cho thẻ "đầu vào". Tương tự, thẻ "img" có thuộc tính src. Điều này phác thảo nguồn gốc của hình ảnh. Lưu ý rằng các thuộc tính tuân theo một mẫu và luôn nằm trong cặp tên=giá trị
2. Sự khác biệt giữa thẻ và phần tử trong HTML là gì?
Nói một cách đơn giản, các phần tử HTML là nội dung giữa các thẻ trong khi các thẻ là các từ khóa được đặt ở đầu và cuối của một phần tử HTML
Trong bối cảnh đưa ra ở trên
là thẻ mở
- là thẻ đóng
- Đây là một đoạn. Tất cả những gì ở giữa thẻ mở và thẻ đóng đều là các phần tử HTML
3. Một số danh sách phổ biến giúp thiết kế một trang là gì?
Các loại danh sách phổ biến được sử dụng khi tạo trang HTML là
- Ordered list
- Unordered list
- Menu list
- Directory list
- Definition list
4. Trích dẫn sự khác biệt giữa các phần tử cấp khối và nội tuyến trong HTML?
Thông thường, một phần tử HTML có hai phần
Phần tử cấp khối
Block-level elements begin with a newline and can have another block element within it. These have structures larger than that of inline elements. For example:
8. Các tệp HTML có thể hoạt động tốt trên các trình duyệt mới không?
Các tệp HTML có thể hoạt động hiệu quả với tất cả các trình duyệt vì nó tương thích với tất cả các tiêu chuẩn cơ bản của HTML
9. Bản đồ hình ảnh là gì?
To link more than one web page in a single image, use the tag. This is an image map.
10. Giải thích cấu trúc của mẫu HTML
Cấu trúc hoặc bố cục của mẫu HTML là thứ tự trang web hiển thị tất cả các thành phần. Mặc dù mỗi trang có cách thể hiện nội dung, các thành phần tiêu chuẩn tương ứng với mẫu HTML bao gồm
- LOẠI TÀI LIỆU. Để cho biết phiên bản HTML
- . Phần tử gốc gói tất cả mã
- . Yếu tố đầu tiên và dường như là quan trọng nhất. Tiêu đề, như tên gọi, chỉ định nội dung tiêu đề của một phần hoặc bất kỳ tài liệu nào
- . Có tất cả nội dung là một phần của trang web
11. Biểu mẫu trong HTML là gì?
Biểu mẫu trên trang web là phần nhận dữ liệu nhập của người dùng và gửi dữ liệu đó đến máy chủ để xử lý. Giả sử, bạn đang đăng ký trên một trang web. Trang sẽ mở ra một biểu mẫu, một biểu mẫu mà bạn điền vào trước khi mở tài khoản ngân hàng. Biểu mẫu có thể có nhiều trường và thuộc nhiều loại khác nhau [văn bản, nút radio, hộp kiểm, v.v.]. Mục đích chính là thu thập dữ liệu người dùng và lưu nó vào cơ sở dữ liệu
Các loại đầu vào phổ biến ở dạng HTML bao gồm
- Văn bản. để cung cấp đầu vào trong các hình thức của một văn bản. ______0
- Mật khẩu. để nhập một chuỗi phải thuộc loại mật khẩu và do đó, được bảo mật. ______1
- Đài phát thanh. Một nút bắt buộc phải chọn một tùy chọn. Ví dụ, giới tính của một người. Nó có thể là nam hoặc nữ. ______2
- Hộp kiểm. Để chọn nhiều hơn một tùy chọn. Hiển thị dưới dạng hộp vuông. Giả sử bạn cần chọn sở thích của mình, sử dụng hộp kiểm. ______3
- Nút. Nút có thể nhấp cho phép bạn thực hiện một hành động cụ thể. ______4
- Gửi. Để hiển thị chi tiết cho máy chủ. ______5
- Đặt lại. Khi bạn cần xóa tất cả dữ liệu đầu vào. ______6
- Hình ảnh/tệp. Để nhập một hình ảnh hoặc một cái gì đó ở định dạng tệp. ______7
12. Is the tag considered as a HTML tag?
DOCTYPE HTML không phải là thẻ mà là một cách để thông báo cho trình duyệt về loại HTML được sử dụng
13. Làm thế nào bạn sẽ thay đổi màu sắc của đạn?
Để thay đổi màu của các viên đạn, bạn cần tùy chỉnh và thiết lập một màu khác cho cùng. Thêm một CSS cho các dấu đầu dòng trong trang của bạn
________số 8
14. Văn bản có thể xuất hiện bên ngoài trình duyệt không?
Điều này chỉ đúng nếu chiều rộng của bảng được xác định trước rộng hơn chiều rộng của trình duyệt
15. Sự khác biệt giữa liên kết hoạt động và liên kết thông thường là gì?
Cả liên kết hoạt động và thông thường đều đề cập đến cùng một thời điểm. Sự khác biệt duy nhất là các liên kết đang hoạt động là những liên kết hiện có tiêu điểm. Điều đó có nghĩa là, các liên kết đang hoạt động có con trỏ ở trên cùng và có màu xanh lam
Câu hỏi và trả lời phỏng vấn HTML nâng cao
16. HTML ngữ nghĩa là gì?
Semantic HTML refers to optimal usage of the language to create or design a website. Besides offering an aesthetic appeal, semantics are meant to introduce meaning to the contents added to the page. Meaning that Semantic HTML tells the browser the meaning of enclosed content, apart from the design. Example of Semantic HTML: , ,
, etc.
Với HTML ngữ nghĩa, các công cụ tìm kiếm có khả năng xác định nội dung cũng như tầm quan trọng của nội dung được tải trên trang. Tóm lại, HTML ngữ nghĩa là một phong cách mã hóa và đạt được thông qua đánh dấu HTML
17. Làm thế nào bạn có thể tạo một trang web lồng nhau?
Cách dễ nhất để tạo trang web lồng nhau trong HTML là sử dụng thẻ iFrame. Đó là một khung nội tuyến giúp nhúng một tài liệu hoặc một trang web vào một trang khác
HTML example
HTML Interview Questions:
18. Kể tên các thẻ để ngăn cách một đoạn văn bản?
- The
tag separates line after line. Meaning that it breaks the current flow and takes it to the next line. - Paragraph tag
changes the paragraph of the text.
- Thẻ Blockquote là thẻ cho phép bạn nhập một đoạn trích dẫn lớn [nếu có] và tách đoạn trích dẫn đó khỏi văn bản chính
19. Sự khác biệt giữa DIV và SPAN trong HTML là gì?
Sự khác biệt chính giữa DIV và SPAN là DIV là phần tử dòng khối trong khi span là phần tử nội tuyến. Cái trước được sử dụng trước và sau những đoạn mã lớn. Mặt khác, span tự giới hạn trong một dòng hoặc một đoạn văn
20. Sự khác biệt giữa danh sách có thứ tự và không có thứ tự là gì?
Như tên gợi ý, danh sách có thứ tự là những danh sách được đánh số và theo một trình tự nhất định. Trong khi đó, danh sách không có thứ tự không tuân theo bất kỳ thứ tự nào và sử dụng dấu đầu dòng
21. Những loại CSS nào có thể được bao gồm trong HTML?
Có ba loại CSS mà bạn có thể đưa vào chương trình HTML của mình
- CSS nội tuyến. Đây là nơi mà kiểu dáng được giữ trong phần thân của phần tử
- CSS nội bộ hoặc nhúng. Khi bạn cần sửa đổi giao diện của tài liệu, các quy tắc CSS được xác định trong phần đầu. Ngoài ra, kiểu dáng là nội bộ và dành cho một tài liệu
- CSS bên ngoài. Đúng như tên gọi, thuộc tính kiểu nằm trong một tệp riêng. Cần lưu ý rằng tập tin có một. phần mở rộng css. Liên kết tài liệu bên ngoài này với trang gốc và trong phần đầu. Điều này là tốt nhất khi bạn cần có nhiều trang cùng kiểu
Để biết thêm về các loại CSS trong HTML, hãy truy cập tại đây
22. Các thực thể trong HTML là gì?
Các thực thể trong HTML không là gì ngoài một đoạn văn bản và được sử dụng để hiển thị các ký tự được đặt trước hoặc ẩn. Chúng bắt đầu bằng dấu và kết thúc bằng dấu chấm phẩy. Ví dụ. khoảng trống [ ], dấu và [&], nhỏ hơn [ nhúng> bên ngoài
28. Hệ thống phân cấp theo sau khi nói đến biểu định kiểu là gì?
Các tính năng trong HTML5 đã thu hút được sự chú ý tối đa bao gồm
- Video and audio: Following the digital trend, HTML5 has introduced both a video and an audio tag. As a result, it makes it easier for web developers to integrate visual content dynamically.
- Nav: Introduced to help link different pages on a website .
- Canvas: To draw and create visual content or embed graphics easily .
- Footer: Add new elements in the footer section. In general, it helps add copyright information at the end of the document .
Tìm hiểu thêm về các tính năng của HTML5 tại đây
29. Thẻ Anchor là gì và làm thế nào bạn có thể mở một URL vào một tab mới khi được nhấp vào?
Thẻ neo giúp phác thảo một kết nối hoặc đơn giản là liên kết hai trang/phần/mẫu khác nhau. Thẻ thường được gắn vào một từ và nó đưa người dùng đến một phần khác của cùng một trang [thông qua id] hoặc đến một trang mới
Để hướng người dùng đến một tab mới, bạn cần đặt mục tiêu là trống
Username:3
Password:
30. Chúng tôi có thể tự động sửa đổi giá trị của thuộc tính của thẻ HTML không?
Có, có thể chỉnh sửa và sửa đổi giá trị của thuộc tính của thẻ HTML. Điều này có thể được thực hiện thông qua Javascript bằng cách đặt giá trị thuộc tính thông qua id hoặc lớp của phần tử
Thí dụ
Username:4
Password:
31. Tại sao các thẻ Meta được sử dụng trong HTML?
Nó cho trình duyệt biết về tài liệu, từ khóa, tác giả, v.v. Công cụ tìm kiếm tham khảo siêu dữ liệu để tìm hiểu về trang trong khi lập chỉ mục.
Username:5
Password:
đầu ra. Câu hỏi phỏng vấn HTML
32. Giải thích các thành phần danh sách trong HTML
Có ba phần tử danh sách khác nhau trong HTML
- Ordered list: Where the items are represented in a numbered or orderly format. Tag format:
- .
- Unordered list: Unnumbered data or data represented in bullet points. Tag format:
- .
- Definition list: To arrange items as we do in a dictionary. Tag format: .
33. Điều gì xảy ra khi bạn chồng chéo các bộ thẻ?
Nếu bạn chồng chéo một hoặc nhiều bộ thẻ trong HTML, trình duyệt sẽ chỉ nhận ra thẻ đầu tiên
34. Giải thích Canvas
Canvas là một phần tử mới của HTML5. Nó giúp tạo ra đồ họa bắt mắt trên trang web. JavaScript được sử dụng làm ngôn ngữ kịch bản. Với Canvas, bạn có thể tạo nội dung trực quan một cách linh hoạt và có hình dạng khác nhau
Thí dụ
Username:6
Password:
đầu ra. Một hình chữ nhật có chiều rộng 100 và chiều cao 50
35. Giải thích năm loại đầu vào mới do HTML5 cung cấp cho các biểu mẫu?
Năm loại đầu vào mới bao gồm
- Email. Để xác thực xem đầu vào có ở định dạng email tiêu chuẩn hay không. ______17
- Url. Sẽ chỉ chấp nhận URL làm đầu vào. ______18
- Số. Sẽ chỉ chấp nhận số. ______19
- Điện thoại. Xác minh mẫu so với số điện thoại thông thường. ______20
- Ngày. Để kiểm tra xem đầu vào có ánh xạ định dạng ngày chuẩn hay không
Male
1
Female
36. Giải thích thẻ Script
To declare a script within your HTML document, use the tag. It helps define the script of the client-side.
Thí dụ
Male2
Female
đầu ra. Câu hỏi phỏng vấn HTML
37. Giải thích SVG bằng mã HTML
SVG stands for Scalable Vector Graphics. It is a W3C recommendation and helps define the graphics for one or more pages. element is used as a container for SVG graphics. The primary purpose of SVG is to design vector-like diagrams such as pie charts, or 2-Dimensional graphs in an HTML document.
Ví dụ để tạo vòng kết nối bằng SVG
Male3
Female
Sự kết luận
Chúng tôi hy vọng rằng các câu hỏi phỏng vấn HTML được đề cập ở trên sẽ giúp bạn chuẩn bị cho cuộc phỏng vấn của mình. Để biết thêm về các mẹo chuẩn bị cho cuộc phỏng vấn kỹ thuật, hãy truy cập tại đây
Câu hỏi phỏng vấn công nghệ phụ trợ
Câu hỏi phỏng vấn ngôn ngữ lập trình C. Câu hỏi phỏng vấn PHP. . NET Core Câu hỏi phỏng vấn. Câu hỏi phỏng vấn NumPy. Câu hỏi phỏng vấn API. Khung web Python FastAPI. Câu hỏi phỏng vấn xử lý ngoại lệ Java. Khái niệm OOP trong câu hỏi phỏng vấn Java. Bộ sưu tập Java Câu hỏi phỏng vấn. Câu hỏi phỏng vấn thiết kế hệ thống. Khái niệm cấu trúc dữ liệu. Nút. câu hỏi phỏng vấn js. Câu hỏi phỏng vấn Django. Trả lời câu hỏi phỏng vấn. Câu hỏi phỏng vấn microservice. Kỹ năng phát triển phụ trợ chính. Câu hỏi phỏng vấn khoa học dữ liệu. Câu hỏi phỏng vấn Python. Câu hỏi phỏng vấn Java Spring Framework
Câu hỏi phỏng vấn công nghệ Frontend
Câu hỏi phỏng vấn góc cạnh. Câu hỏi phỏng vấn JavaScript. Câu hỏi phỏng vấn CSS
Câu hỏi phỏng vấn cơ sở dữ liệu
Câu hỏi phỏng vấn SQL. Câu hỏi phỏng vấn PostgreSQL. Câu hỏi phỏng vấn MongoDB. Câu hỏi phỏng vấn MySQL
Câu hỏi phỏng vấn đám mây
Câu hỏi phỏng vấn AWS Lambda. Câu hỏi phỏng vấn Azure. Điện toán đám mây câu hỏi phỏng vấn. Câu hỏi phỏng vấn AWS
Câu hỏi phỏng vấn đảm bảo chất lượng
Chuyển từ Kiểm thử thủ công sang Kiểm thử tự động. Câu hỏi phỏng vấn Selenium. Câu hỏi phỏng vấn kiểm thử tự động hóa
Câu hỏi phỏng vấn về DevOps và An ninh mạng
Câu hỏi phỏng vấn DevOps. Cách ngăn chặn các cuộc tấn công an ninh mạng. Hướng dẫn hack đạo đức. Câu hỏi phỏng vấn an ninh mạng