Dễ học với html "hãy tự mình thử"
Với trình chỉnh sửa "Hãy thử chính mình" của chúng tôi, bạn có thể chỉnh sửa mã HTML và xem kết quả:
Thí dụ
Tiêu đề trang
Page Title
Đây là một tiêu đề này là một đoạn văn.
This is a paragraph.
Hãy tự mình thử »
Nhấp vào nút "Hãy tự mình thử" để xem nó hoạt động như thế nào.
Ví dụ HTML
Trong hướng dẫn HTML này, bạn sẽ tìm thấy hơn 200 ví dụ. Với trình soạn thảo "Hãy thử trực tuyến của chúng tôi", bạn có thể tự chỉnh sửa và kiểm tra từng ví dụ!
Truy cập ví dụ HTML!
Bài tập HTML
Hướng dẫn HTML này cũng chứa gần 100 bài tập HTML.
Kiểm tra bản thân với các bài tập
Exercise:
Thêm "ToolTip" vào đoạn văn bên dưới với văn bản "Giới thiệu về W3Schools".
W3Schools là trang web của nhà phát triển web.
Bắt đầu bài tập
Bài kiểm tra bài kiểm tra HTML
Kiểm tra các kỹ năng HTML của bạn với bài kiểm tra HTML của chúng tôi!
Bắt đầu bài kiểm tra HTML!
Việc học của tôi
Theo dõi tiến trình của bạn với chương trình "Học tập" miễn phí tại đây tại W3Schools.
Đăng nhập vào tài khoản của bạn và bắt đầu kiếm điểm!
Đây là một tính năng tùy chọn. Bạn có thể học W3Schools mà không cần sử dụng học tập của tôi.
Tài liệu tham khảo HTML
Tại W3Schools, bạn sẽ tìm thấy các tài liệu tham khảo đầy đủ về các phần tử, thuộc tính, sự kiện, tên màu, thực thể, bộ ký tự, mã hóa URL, mã ngôn ngữ, tin nhắn HTTP, hỗ trợ trình duyệt, v.v.
Khởi động sự nghiệp của bạn
Được chứng nhận bằng cách hoàn thành khóa họcthe course
Được chứng nhận
W3SchoolScertified.2022Lựa chọn tất cả các yếu tố sách là trẻ em của hiệu sách
//sách
Chọn tất cả các yếu tố sách bất kể chúng ở đâu trong tài liệu
& nbsp; Harry Potter & NBSP; 29,99
& nbsp; Học XML & NBSP; 39,95
Chọn các nút
Harry Potter
29.99
XPath sử dụng các biểu thức đường dẫn để chọn các nút trong tài liệu XML. Nút được chọn bằng cách làm theo một đường dẫn hoặc các bước. Các biểu thức đường dẫn hữu ích nhất được liệt kê dưới đây:
Learning XML
39.95
& nbsp; Học XML & NBSP; 39,95
Chọn các nút
XPath sử dụng các biểu thức đường dẫn để chọn các nút trong tài liệu XML. Nút được chọn bằng cách làm theo một đường dẫn hoặc các bước. Các biểu thức đường dẫn hữu ích nhất được liệt kê dưới đây:
| Tên nút | Chọn tất cả các nút với tên "Nodename" |
| / | Chọn từ nút gốc |
| // | Chọn các nút trong tài liệu từ nút hiện tại phù hợp với lựa chọn bất kể chúng ở đâu |
| . | Chọn nút hiện tại |
| .. | Chọn cha mẹ của nút hiện tại |
| @ | Chọn các thuộc tính |
Trong bảng dưới đây, chúng tôi đã liệt kê một số biểu thức đường dẫn và kết quả của các biểu thức:
| hiệu sách | Chọn tất cả các nút với tên "Nhà sách" |
| /hiệu sách | Chọn hiệu sách phần tử gốc Lưu ý: Nếu đường dẫn bắt đầu bằng một dấu gạch chéo [ /], nó luôn đại diện cho một đường dẫn tuyệt đối đến một phần tử! If the path starts with a slash [ / ] it always represents an absolute path to an element! |
| hiệu sách/sách | Lựa chọn tất cả các yếu tố sách là trẻ em của hiệu sách |
| //sách | Chọn tất cả các yếu tố sách bất kể chúng ở đâu trong tài liệu |
| hiệu sách // sách | Lựa chọn tất cả các yếu tố sách là hậu duệ của yếu tố hiệu sách, bất kể chúng ở đâu dưới phần tử hiệu sách |
| //@lang | Chọn tất cả các thuộc tính được đặt tên là Lang |
Định vị
Các vị từ được sử dụng để tìm một nút cụ thể hoặc một nút chứa một giá trị cụ thể.
Các vị từ luôn được nhúng trong ngoặc vuông.
Trong bảng dưới đây, chúng tôi đã liệt kê một số biểu thức đường dẫn với các vị từ và kết quả của các biểu thức:
| /hiệu sách/sách [1] | Chọn yếu tố cuốn sách đầu tiên là con của yếu tố hiệu sách. Lưu ý: Trong IE 5,6,7,8,9 nút đầu tiên là [0], nhưng theo W3C, đó là [1]. Để giải quyết vấn đề này trong IE, hãy đặt ngôn ngữ lựa chọn thành XPath: In IE 5,6,7,8,9 first node is[0], but according to W3C, it is [1]. To solve this problem in IE, set the SelectionLanguage to XPath: Trong javaScript: xml.setProperty ["Language", "xpath"]; |
| /hiệu sách/sách [last []] | Chọn phần tử sách cuối cùng là con của yếu tố hiệu sách |
| /hiệu sách/sách [last []-1] | Chọn phần tử cuối cùng nhưng một cuốn sách là con của yếu tố hiệu sách |
| /bookstore/book[position[] | Chọn hai yếu tố sách đầu tiên là trẻ em của yếu tố hiệu sách |
| // Tiêu đề [@lang] | Chọn tất cả các yếu tố tiêu đề có thuộc tính có tên Lang |
| // Tiêu đề [@lang = 'en']] | Chọn tất cả các thành phần tiêu đề có thuộc tính "Lang" có giá trị "en" |
| /bookstore/bookryprice>35.00] | Chọn tất cả các yếu tố sách của yếu tố hiệu sách có yếu tố giá với giá trị lớn hơn 35,00 |
| /bookstore/bookryprice>35.00THER/title | Chọn tất cả các yếu tố tiêu đề của các yếu tố sách của yếu tố hiệu sách có yếu tố giá với giá trị lớn hơn 35,00 |
Chọn các nút không xác định
Các ký tự đại diện XPath có thể được sử dụng để chọn các nút XML không xác định.
| * | Khớp với bất kỳ nút phần tử nào |
| @* | Khớp với bất kỳ nút thuộc tính nào |
| nút[] | Khớp với bất kỳ nút nào của bất kỳ loại nào |
Trong bảng dưới đây, chúng tôi đã liệt kê một số biểu thức đường dẫn và kết quả của các biểu thức:
| /hiệu sách/sách [1] | Chọn yếu tố cuốn sách đầu tiên là con của yếu tố hiệu sách. |
| Lưu ý: Trong IE 5,6,7,8,9 nút đầu tiên là [0], nhưng theo W3C, đó là [1]. Để giải quyết vấn đề này trong IE, hãy đặt ngôn ngữ lựa chọn thành XPath: | Trong javaScript: xml.setProperty ["Language", "xpath"]; |
| /hiệu sách/sách [last []] | Chọn phần tử sách cuối cùng là con của yếu tố hiệu sách |
/hiệu sách/sách [last []-1]
Chọn phần tử cuối cùng nhưng một cuốn sách là con của yếu tố hiệu sách
Trong bảng dưới đây, chúng tôi đã liệt kê một số biểu thức đường dẫn và kết quả của các biểu thức:
| /hiệu sách/sách [1] | Chọn yếu tố cuốn sách đầu tiên là con của yếu tố hiệu sách. |
| Lưu ý: Trong IE 5,6,7,8,9 nút đầu tiên là [0], nhưng theo W3C, đó là [1]. Để giải quyết vấn đề này trong IE, hãy đặt ngôn ngữ lựa chọn thành XPath: | Trong javaScript: xml.setProperty ["Language", "xpath"]; |
| /hiệu sách/sách [last []] | Chọn phần tử sách cuối cùng là con của yếu tố hiệu sách |