Hướng dẫn element html là gì
Tìm hiểu khái niệm "phần tử" trong HTML- Trong trang web, thông thường thì bất kỳ một nội dung gì cũng có thể được xem là phần tử. Show - Ví dụ như trong trang web nằm bên dưới: đoạn văn bản là một phần tử, trình phát audio là một phần tử, tấm hình là một phần tử, . . . . - Một phần tử HTML thường được xác định dựa trên ba thành phần:
- Tuy nhiên, có một số trường hợp đặc biệt mà phần tử chỉ có một thành phần duy nhất chính là thẻ mở, những phần tử này được gọi là phần tử rỗng. - Tôi có một đoạn mã như bên dưới.
- Trong đó:
- Lưu ý: Một phần tử thường được gọi dựa theo tên thẻ của nó, ví dụ như bốn phần tử ở phía trên sẽ được gọi lần lượt là: phần tử , phần tử , phần tử 2) Phần tử lồng nhau- Thông thường, một phần tử có thể được lồng vào bên trong "phần nội dung" của một phần tử khác. - Trong đó:
- Với một đoạn mã giống như phía trên thì chúng ta có tất cả là bốn phần tử:
- Dưới đây là bảng mô tả phần tử cha & phần tử con của bốn phần tử trên:
3) Một số vấn đề cần lưu ý- Trong một tập tin HTML, nếu chúng ta soạn thảo mã sai quy tắc thì khi chạy tập tin - các phần tử sẽ hiển thị không được chính xác như mong đợi. Cho nên, các bạn cần phải hết sức lưu ý đến vấn đề cú pháp để tránh mắc phải những lỗi không đáng có. 3.1) Đừng bao giờ quên thẻ đóng- Ngoại trừ các phần tử rỗng, những phần tử còn lại tuyệt đối không được thiếu thẻ đóng, việc thiếu thẻ đóng sẽ gây ảnh hưởng nghiêm trọng đến các phần tử khác, nó sẽ khiến những phần tử khác bị xem là nội dung của phần tử thiếu thẻ đóng. - Phần tử thiếu thẻ đóng, nó khiến các phần tử bên dưới bị xem là nội dung của nó.
Xem ví dụ 3.2) Không được xáo trộn thứ tự giữa các thẻ đóng- Các bạn tuyệt đối không được xáo trộn thứ tự giữa các thẻ đóng, việc xáo trộn thứ tự giữa các thẻ đóng cũng gây ảnh hưởng gần giống như việc thiếu thẻ đóng.
3.3) Trình bày mã lệnh- Trong ngôn ngữ HTML, vấn đề khoảng trắng & ngắt xuống dòng giữa các thẻ là không quan trọng. - Ví dụ: Ba đoạn mã bên dưới có cách viết khác nhau, nhưng khi thực thi lại hiển thị giống nhau:
- Tuy nhiên, chúng ta không nên trình bày mã lệnh một cách ngẫu hứng mà tốt nhất là phải tuân theo một tiêu chuẩn chung để đảm bảo tối ưu hóa việc viết mã lệnh, phần tử con cần phải được ngắt xuống dòng và thụt vào bốn dấu khoảng trắng so với phần tử cha của nó.
3.4) Tên thẻ không phân biệt chữ hoa - chữ thường- Trong ngôn ngữ HTML, tên của các thẻ không phân biệt trường hợp chữ in hoa hay chữ thường, ví dụ như ba thẻ - Tuy nhiên, hầu hết các lập trình viên đều sử dụng chữ thường để viết tên thẻ, ví dụ: , . . . . |