Hướng dẫn java or html first - java hoặc html trước


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ả:

Show

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.

Hướng dẫn java or html first - java hoặc html trước


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.2022



Tham chiếu thuộc tính HTML


Một danh sách đầy đủ của tất cả các thuộc tính cho mỗi phần tử HTML, được liệt kê trong tham chiếu thuộc tính HTML của chúng tôi.

  • Hoặc ngược lại:attributes
  • Tóm tắt chươngadditional information about elements
  • Tất cả các phần tử HTML có thể có các thuộc tínhthe start tag
  • Thuộc tính href của href7 chỉ định URL của trang liên kết đi đếnname="value"

Thuộc tính src của href9 Chỉ định đường dẫn đến hình ảnh sẽ được hiển thị

Các thuộc tính width<img>1 của <img> cung cấp thông tin kích thước cho hình ảnh

Thuộc tính alt của href9 cung cấp một văn bản thay thế cho một hình ảnh


Thuộc tính href1 được sử dụng để thêm các kiểu vào một phần tử, chẳng hạn như màu sắc, phông chữ, kích thước, và nhiều hơn nữa

Thuộc tính href2 của thẻ href3 khai báo ngôn ngữ của trang web

Thuộc tính href5 xác định một số thông tin bổ sung về một phần tử

Bài tập HTML - Links to an external image that is hosted on another website. Example: src="https://www.w3schools.com/images/img_girl.jpg".

Kiểm tra bản thân với các bài tập External images might be under copyright. If you do not get permission to use it, you may be in violation of copyright laws. In addition, you cannot control external images; it can suddenly be removed or changed.

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". - Links to an image that is hosted within the website. Here, the URL does not include the domain name. If the URL begins without a slash, it will be relative to the current page. Example: src="img_girl.jpg". If the URL begins with a slash, it will be relative to the domain. Example: src="/images/img_girl.jpg".

W3Schools là trang web của nhà phát triển web. It is almost always best to use relative URLs. They will not break if you change domain.


Bắt đầu bài tập

Tham chiếu thuộc tính HTML


Thuộc tính alt

Thuộc tính alt bắt buộc cho thẻ <img> chỉ định một văn bản thay thế cho một hình ảnh, nếu hình ảnh vì một số lý do không thể được hiển thị. Điều này có thể là do kết nối chậm hoặc lỗi trong thuộc tính src hoặc nếu người dùng sử dụng đầu đọc màn hình.

Thí dụ

Xem điều gì xảy ra nếu chúng ta cố gắng hiển thị một hình ảnh không tồn tại:

Hướng dẫn java or html first - java hoặc html trước

Hãy tự mình thử »

Bạn sẽ tìm hiểu thêm về hình ảnh trong chương hình ảnh HTML của chúng tôi.



Thuộc tính phong cách

Thuộc tính href1 được sử dụng để thêm các kiểu vào một phần tử, chẳng hạn như màu sắc, phông chữ, kích thước, v.v.

Bạn sẽ tìm hiểu thêm về các phong cách trong chương HTML Styles của chúng tôi.


Thuộc tính Lang

Bạn phải luôn bao gồm thuộc tính href2 bên trong thẻ href3, để khai báo ngôn ngữ của trang web. Điều này có nghĩa là để hỗ trợ các công cụ tìm kiếm và trình duyệt.

Ví dụ sau đây chỉ định tiếng Anh là ngôn ngữ:

...


...

Mã quốc gia cũng có thể được thêm vào mã ngôn ngữ trong thuộc tính href2. Vì vậy, hai ký tự đầu tiên xác định ngôn ngữ của trang HTML và hai ký tự cuối cùng xác định đất nước.

Ví dụ sau đây chỉ định tiếng Anh là ngôn ngữ và Hoa Kỳ là quốc gia:

...


...

Mã quốc gia cũng có thể được thêm vào mã ngôn ngữ trong thuộc tính href2. Vì vậy, hai ký tự đầu tiên xác định ngôn ngữ của trang HTML và hai ký tự cuối cùng xác định đất nước.


Ví dụ sau đây chỉ định tiếng Anh là ngôn ngữ và Hoa Kỳ là quốc gia:

Bạn có thể thấy tất cả các mã ngôn ngữ trong tham chiếu mã ngôn ngữ HTML của chúng tôi.

Thuộc tính tiêu đề


Thuộc tính href5 xác định một số thông tin bổ sung về một phần tử.

Giá trị của thuộc tính tiêu đề sẽ được hiển thị dưới dạng công cụ khi bạn chuột qua phần tử:

Chúng tôi đề xuất: Luôn luôn sử dụng các thuộc tính viết thườngtitle or TITLE.

Tiêu chuẩn HTML không yêu cầu tên thuộc tính chữ thường.recommends lowercase attributes in HTML, and demands lowercase attributes for stricter document types like XHTML.

Thuộc tính tiêu đề (và tất cả các thuộc tính khác) có thể được viết bằng chữ hoa hoặc chữ thường như tiêu đề hoặc tiêu đề.


Tuy nhiên, W3C khuyến nghị các thuộc tính viết thường trong HTML và yêu cầu các thuộc tính viết thường cho các loại tài liệu chặt chẽ hơn như XHTML.

Tại W3Schools, chúng tôi luôn sử dụng tên thuộc tính chữ thường.

Chúng tôi đề xuất: luôn luôn trích dẫn các giá trị thuộc tínhrecommends quotes in HTML, and demands quotes for stricter document types like XHTML.

Good:

Tiêu chuẩn HTML không yêu cầu báo giá xung quanh các giá trị thuộc tính.

Bad:

Tiêu chuẩn HTML không yêu cầu báo giá xung quanh các giá trị thuộc tính.

Tuy nhiên, W3C khuyến nghị báo giá trong HTML và yêu cầu trích dẫn cho các loại tài liệu chặt chẽ hơn như XHTML.

Ghé thăm hướng dẫn HTML của chúng tôi


Đôi khi bạn phải sử dụng báo giá. Ví dụ này sẽ không hiển thị thuộc tính tiêu đề một cách chính xác, vì nó chứa một khoảng trống:

& nbsp; Tại W3Schools, chúng tôi luôn sử dụng báo giá xung quanh các giá trị thuộc tính.

Trích dẫn đơn hay đôi?

Báo giá kép xung quanh các giá trị thuộc tính là phổ biến nhất trong HTML, nhưng các trích dẫn đơn cũng có thể được sử dụng.

Hãy tự mình thử »


Bạn sẽ tìm hiểu thêm về hình ảnh trong chương hình ảnh HTML của chúng tôi.

  • Thuộc tính phong cáchattributes
  • Thuộc tính href1 được sử dụng để thêm các kiểu vào một phần tử, chẳng hạn như màu sắc, phông chữ, kích thước, v.v.
  • Bạn sẽ tìm hiểu thêm về các phong cách trong chương HTML Styles của chúng tôi.
  • Thuộc tính Lang
  • Bạn phải luôn bao gồm thuộc tính href2 bên trong thẻ href3, để khai báo ngôn ngữ của trang web. Điều này có nghĩa là để hỗ trợ các công cụ tìm kiếm và trình duyệt.
  • Ví dụ sau đây chỉ định tiếng Anh là ngôn ngữ:
  • ...
  • Mã quốc gia cũng có thể được thêm vào mã ngôn ngữ trong thuộc tính href2. Vì vậy, hai ký tự đầu tiên xác định ngôn ngữ của trang HTML và hai ký tự cuối cùng xác định đất nước.

Ví dụ sau đây chỉ định tiếng Anh là ngôn ngữ và Hoa Kỳ là quốc gia:

Bạn có thể thấy tất cả các mã ngôn ngữ trong tham chiếu mã ngôn ngữ HTML của chúng tôi.

Exercise:

Thuộc tính tiêu đề

Thuộc tính href5 xác định một số thông tin bổ sung về một phần tử.

Giá trị của thuộc tính tiêu đề sẽ được hiển thị dưới dạng công cụ khi bạn chuột qua phần tử:


Chúng tôi đề xuất: Luôn luôn sử dụng các thuộc tính viết thường

Tiêu chuẩn HTML không yêu cầu tên thuộc tính chữ thường.