Bài viết này bao gồm các câu hỏi HTML và HTML5 thường gặp nhất được hỏi trong các cuộc phỏng vấn.HTML and HTML5 questions asked in interviews.
Giới thiệu
Trước khi bắt đầu với các câu hỏi phỏng vấn về ngôn ngữ HTML, trước tiên hãy đi qua HTML, HTML là gì, cơ hội nghề nghiệp mà nó cung cấp, v.v.
HTML là viết tắt của ngôn ngữ đánh dấu siêu văn bản. Đây là một ngôn ngữ định dạng văn bản tiêu chuẩn được sử dụng để phát triển các trang web được phát hành vào năm 1993. HTML là ngôn ngữ được trình duyệt giải thích và nó cho trình duyệt biết những gì cần hiển thị và cách hiển thị.
HTML là một ngôn ngữ quan trọng để tìm hiểu nếu bất cứ ai muốn làm việc trong lĩnh vực phát triển web [nhà thiết kế web, nhà phát triển web]. Chỉ riêng HTML là không đủ cho nhà phát triển web vì HTML chỉ xác định cấu trúc của dữ liệu sẽ được hiển thị trên trình duyệt trong trang web, để làm cho nó hấp dẫn và làm cho nó hoạt động, chúng tôi sẽ cần sử dụng CSS và JavaScript. & nbsp;important language to learn if anyone wants to work in the web development domain [Web designers, Web Developers]. HTML alone is not sufficient for a web developer because HTML only defines the structure of the data that will be rendered on the browser in a webpage, to make it visually appealing and to make it functional, we will need to use CSS and Javascript respectively.
Phiên bản mới nhất của HTML là HTML5. Có hai thành phần chính trong ngôn ngữ, thẻ và thuộc tính HTML. Hình ảnh dưới đây hiển thị một số thẻ và thuộc tính HTML cơ bản.
Không. Các phần tử HTML được xác định bởi thẻ bắt đầu, có thể chứa một số nội dung và thẻ đóng. Ví dụ, tiêu đề 1 là phần tử HTML nhưng chỉ là thẻ bắt đầu và là thẻ đóng. Thẻ là thành phần chính của HTML xác định cách thức nội dung sẽ được cấu trúc/ định dạng, trong khi các thuộc tính được sử dụng cùng với các thẻ HTML để xác định các đặc điểm của phần tử. Ví dụ, các câu hỏi phỏng vấn, trong đó, ‘Align, là thuộc tính sử dụng mà chúng tôi sẽ sắp xếp đoạn văn để hiển thị ở trung tâm của chế độ xem. Các phần tử HTML không có thẻ đóng hoặc không cần phải đóng là các phần tử vô hiệu. Ví dụ ,, v.v. Trong HTML, một chuỗi các ký tự khoảng trắng trống được coi là một ký tự không gian duy nhất, bởi vì trình duyệt thu gọn nhiều không gian vào một ký tự không gian và điều này giúp nhà phát triển thụt dòng văn bản mà không phải lo lắng về nhiều không gian và duy trì khả năng dễ đọc và khả năng hiểu của HTML mã. Trong HTML, một số ký tự được bảo lưu như ‘,,’/, v.v. Để sử dụng các ký tự này trong trang web của chúng tôi, chúng tôi cần sử dụng các thực thể ký tự gọi là các thực thể HTML. Dưới đây là một vài ánh xạ giữa ký tự dành riêng và đặc tính thực thể tương ứng của nó được sử dụng. Thuộc tính lớp được sử dụng để chỉ định tên lớp cho phần tử HTML. Nhiều phần tử trong HTML có thể có cùng một giá trị lớp. Ngoài ra, nó chủ yếu được sử dụng để liên kết các kiểu được viết trong bảng kiểu với các phần tử HTML. Nhiều phần tử trong HTML có thể có cùng một giá trị lớp, trong khi giá trị của thuộc tính ID của một phần tử không thể được liên kết với phần tử HTML khác. Dữ liệu biểu mẫu đa điểm là một trong những giá trị của thuộc tính Enctype. Nó được sử dụng để gửi dữ liệu tệp đến phía máy chủ để xử lý. Các giá trị hợp lệ khác của thuộc tính Enctype là văn bản/plain và Ứng dụng/x-www-form-urlencoded. Mỗi trang web có các thành phần khác nhau để hiển thị nội dung dự định và UI cụ thể. Tuy nhiên, vẫn có một vài điều được tạo ra và được chấp nhận trên toàn cầu để cấu trúc trang web, chẳng hạn như: Để tối ưu hóa thời gian tải trang web, chúng tôi cần tối ưu hóa tải tài sản của nó và cho điều đó: & NBSP; HTML có nhiều thẻ định dạng khác nhau: Ba loại doctypes có sẵn: Bộ ký tự được xác định trong TAG bên trong phần tử. Hiệu ứng trên một trang web thông thường của các thẻ, & nbsp; và, là như nhau. và các thẻ là viết tắt của in đậm và in nghiêng. Hai thẻ này chỉ áp dụng kiểu chữ và thẻ in đậm, chỉ cần thêm nhiều mực vào văn bản, các thẻ này không nói gì về văn bản. Trong khi đó, và các thẻ đại diện cho khoảng của văn bản có tầm quan trọng mạnh mẽ hoặc tầm quan trọng hơn và ứng suất nhấn mạnh tương ứng so với phần còn lại của văn bản. Những thẻ này có ý nghĩa ngữ nghĩa. Tag cung cấp thông tin về tài liệu. Nó phải luôn luôn được đặt trong thẻ. Thẻ này chứa siêu dữ liệu về trang web và các thẻ được đặt bởi thẻ đầu như ,, v.v. không được hiển thị trên trang web. Ngoài ra, chỉ có thể có 1 thẻ trong toàn bộ tài liệu HTML và sẽ luôn luôn trước thẻ. Tag xác định phần thân của tài liệu HTML. Nó phải luôn luôn được đặt trong thẻ. Tất cả các nội dung cần được hiển thị trên trang web như hình ảnh, văn bản, âm thanh, video, nội dung, sử dụng các phần tử như ,,,, v.v. sẽ luôn được gắn bởi thẻ. Ngoài ra, chỉ có thể có 1 phần tử cơ thể trong tài liệu HTML và sẽ luôn luôn theo sau thẻ. Có, chúng tôi có thể hiển thị một trang web bên trong một trang web HTML khác. HTML cung cấp một thẻ bằng cách sử dụng mà chúng ta có thể đạt được chức năng này. Khoảng cách tế bào là không gian hoặc khoảng cách giữa hai ô liên tiếp. Trong khi đó, đệm tế bào là không gian hoặc khoảng cách giữa văn bản/ nội dung của ô và cạnh/ đường viền của ô. Vui lòng tham khảo ví dụ hình trên để tìm sự khác biệt. HTML cung cấp hai thuộc tính bảng của Rows Rowspan và và Col Colspan để tạo một nhịp ô thành nhiều hàng và cột tương ứng. Có, có thể sử dụng thuộc tính hiển thị trên mạng với giá trị của nó là khối khối, để thay đổi phần tử nội tuyến thành phần tử cấp khối. Chủ yếu có 7 giá trị của thuộc tính vị trí có thể được sử dụng để định vị phần tử HTML: Dưới đây là một số loại hiển thị hiếm khi được sử dụng: Khi chúng ta sử dụng thuộc tính Tầm nhìn của Tầm nhìn: Hidden, đối với phần tử HTML thì phần tử đó sẽ bị ẩn khỏi trang web nhưng vẫn chiếm không gian. Trong khi đó, nếu chúng ta sử dụng hiển thị trên mạng: không có thuộc tính nào của một phần tử HTML thì phần tử sẽ bị ẩn, và nó cũng sẽ giành được bất kỳ khoảng trống nào trên trang web. HTML cung cấp thẻ siêu liên kết để chỉ định các liên kết trong trang web. Thuộc tính ‘href, được sử dụng để chỉ định liên kết và thuộc tính‘ mục tiêu được sử dụng để chỉ định, nơi chúng tôi muốn mở tài liệu được liên kết. Thuộc tính ‘mục tiêu có thể có các giá trị sau: Có ba cách mà chúng ta có thể chỉ định các kiểu cho các phần tử HTML: Thẻ neo được sử dụng để tạo siêu liên kết sang trang web khác hoặc đến một phần nhất định của trang web và các liên kết này có thể nhấp, trong khi đó, thẻ liên kết xác định liên kết giữa tài liệu và tài nguyên bên ngoài và chúng không thể nhấp được. HTML cung cấp một thẻ bằng cách sử dụng mà chúng tôi có thể chạy mã JavaScript và làm cho trang HTML của chúng tôi năng động hơn. Nếu các tập lệnh chứa một số chức năng kích hoạt sự kiện hoặc thư viện jQuery thì chúng ta nên sử dụng chúng trong phần đầu. Nếu tập lệnh ghi nội dung trên trang hoặc không nằm trong một hàm thì nó nên được đặt bên trong phần cơ thể ở phía dưới. Tóm lại, theo dõi dưới ba điểm: Biểu mẫu HTML được sử dụng để thu thập các đầu vào của người dùng. HTML cung cấp một thẻ để tạo biểu mẫu. Để lấy đầu vào từ người dùng, chúng tôi sử dụng thẻ bên trong biểu mẫu để tất cả dữ liệu người dùng được thu thập có thể được gửi đến máy chủ để xử lý. Có các loại đầu vào khác nhau như ‘nút,‘ Hộp kiểm, ‘Số,‘ Văn bản, ‘Mật khẩu,‘ Gửi, v.v. HTML cho phép các hành động kích hoạt sự kiện trong các trình duyệt bằng JavaScript hoặc JQuery. Có rất nhiều sự kiện như ‘Onclick,‘ Ondrag, ‘onchange, v.v.1. Các thẻ và phần tử HTML có giống nhau không?
2. Thẻ và thuộc tính trong HTML là gì?
3. Các phần tử vô hiệu trong HTML là gì?
4. Ưu điểm của việc sụp đổ không gian trắng là gì?
5. Các thực thể HTML là gì?
Tính cáchTên thực thểSố thực thể Không có giá trị & amp; & [không gian không phá vỡ] vd. 10 & nbsp; PM & nbsp; Ví dụ. 10 & NBSP & NBSPPM 6. Các loại danh sách khác nhau trong HTML là gì?
7. Thuộc tính ‘lớp trong HTML là gì?
8. Sự khác biệt giữa thuộc tính ‘ID và thuộc tính‘ lớp của các phần tử HTML là gì?
9. Xác định dữ liệu biểu mẫu đa dạng?
10. Mô tả cấu trúc bố trí HTML.
11. Làm thế nào để tối ưu hóa tài sản trang web tải?
12. Các thẻ định dạng khác nhau trong HTML là gì?
13. Các loại doctypes khác nhau có sẵn là gì?
14. Vui lòng giải thích làm thế nào để chỉ ra bộ ký tự đang được sử dụng bởi một tài liệu trong HTML?
...
...
...
15. Sự khác biệt giữa, thẻ và, thẻ là gì?
16. Ý nghĩa của và thẻ trong HTML là gì?
17. Chúng ta có thể hiển thị một trang web bên trong một trang web hoặc có thể làm tổ các trang web không?
18. Tế bào đệm khác với khoảng cách tế bào như thế nào?
19. Làm thế nào chúng ta có thể câu lạc bộ hai hoặc nhiều hàng hoặc cột vào một hàng hoặc cột trong bảng HTML?
20. Có thể thay đổi phần tử nội tuyến thành phần tử cấp khối không?
21. Trong bao nhiêu cách chúng ta có thể định vị một phần tử HTML? Hoặc các giá trị cho phép của thuộc tính vị trí là gì?
22. Trong bao nhiêu cách bạn có thể hiển thị các yếu tố HTML?
23.
24. Làm thế nào để chỉ định liên kết trong HTML và giải thích thuộc tính đích?
25. Trong bao nhiêu cách chúng ta có thể chỉ định các kiểu CSS cho phần tử HTML?
26. Sự khác biệt giữa thẻ liên kết và thẻ neo?
27. Làm thế nào để bao gồm mã JavaScript trong HTML?
This is a demo for
document.getElementById["demo"].innerHTML = "script Tag"
28. Khi nào nên sử dụng tập lệnh trong đầu và khi nào nên sử dụng tập lệnh trong cơ thể?
29. Các hình thức là gì và làm thế nào để tạo các biểu mẫu trong HTML?
Enter your name:
Enter Mobile number
30. Làm thế nào để xử lý các sự kiện trong HTML?
0
function myFunction[] {
var value = document.getElementById["event_demo"].innerHTML
value = parseInt[value] + 1;
document.getElementById["event_demo"].innerHTML = value;
}
function reset[] {
document.getElementById["event_demo"].innerHTML = 0;
}
Câu hỏi phỏng vấn HTML5
31. Một số lợi thế của HTML5 so với các phiên bản trước đó là gì?
Một số lợi thế của HTML5 là:-
- Nó có hỗ trợ đa phương tiện.
- Nó có khả năng lưu trữ dữ liệu ngoại tuyến bằng cơ sở dữ liệu SQL và bộ đệm ứng dụng.
- JavaScript có thể được chạy trong nền.
- HTML5 cũng cho phép người dùng vẽ các hình dạng khác nhau như hình chữ nhật, vòng tròn, hình tam giác, v.v.
- Bao gồm các thẻ ngữ nghĩa mới và thẻ điều khiển biểu mẫu.
32. Làm thế nào chúng ta có thể đưa âm thanh hoặc video vào một trang web?
HTML5 cung cấp hai thẻ: và các thẻ sử dụng mà chúng tôi có thể thêm âm thanh hoặc video trực tiếp vào trang web.