Hướng dẫn HTML hoặc hướng dẫn HTML 5 cung cấp các khái niệm cơ bản và nâng cao về HTML. Hướng dẫn HTML của chúng tôi được phát triển cho người mới bắt đầu và các chuyên gia. Trong hướng dẫn của chúng tôi, mọi chủ đề đều được đưa ra từng bước để bạn có thể học nó một cách rất dễ dàng. Nếu bạn mới học HTML, thì bạn có thể học HTML từ cấp độ cơ bản đến cấp độ chuyên nghiệp và sau khi học HTML với CSS và JavaScript, bạn sẽ có thể tạo trang web tương tác và năng động của riêng bạn. Nhưng bây giờ chúng tôi sẽ chỉ tập trung vào HTML trong hướng dẫn này. or HTML 5 tutorial provides basic and advanced concepts of HTML. Our HTML tutorial is developed for beginners and professionals. In our tutorial, every topic is given step-by-step so that you can learn it in a very easy way. If you are new in learning HTML, then you can learn HTML from basic to a professional level and after learning HTML with CSS and JavaScript you will be able to create your own interactive and dynamic website. But Now We will focus on HTML only in this tutorial.
Các điểm chính của HTML được đưa ra dưới đây:
- HTML là viết tắt của ngôn ngữ đánh dấu siêu văn bản.
- HTML được sử dụng để tạo các trang web và ứng dụng web.
- HTML được sử dụng rộng rãi ngôn ngữ trên web.
- Chúng tôi chỉ có thể tạo một trang web tĩnh bằng HTML.
- Về mặt kỹ thuật, HTML là ngôn ngữ đánh dấu chứ không phải là ngôn ngữ lập trình.
Ví dụ HTML với Trình chỉnh sửa HTML
Trong hướng dẫn này, bạn sẽ nhận được rất nhiều ví dụ HTML, ít nhất một ví dụ cho mỗi chủ đề với giải thích. Bạn cũng có thể chỉnh sửa và chạy các ví dụ này, với trình soạn thảo HTML trực tuyến của chúng tôi. Học HTML rất vui, và rất dễ học.
Kiểm tra nó ngay bây giờ
Chỉ số HTML
Hướng dẫn HTML
- Giới thiệu về HTML
- HTML là gì
- Thẻ HTML
- Định dạng HTML
- Tiêu đề HTML
- Đoạn HTML
- HTML neo
- Hình ảnh HTML
- Bảng HTML
- Danh sách HTML
- Danh sách đặt hàng HTML
- Danh sách HTML không theo thứ tự
- Danh sách mô tả HTML
- Hình thức HTML
- Các lớp HTML
- ID HTML
- HTML IFRAME
- HTML JavaScript
- Đường dẫn tệp HTML
- Đầu HTML
- Bố cục HTML
- HTML đáp ứng
- HTML ComputerCode
- Các thực thể HTML
- Biểu tượng HTML
- Charset HTML
- Mã hóa URL HTML
Thẻ HTML
- HTML Marquee
- HTML Textarea
- Báo giá HTML
- Phong cách HTML
- Tiêu đề HTML
- HTML DOCTYPE
- Thẻ div HTML
- Thẻ trước HTML
- Thẻ mã HTML
- Thẻ nhãn HTML
- Thẻ đầu vào HTML
- Thẻ nút HTML
- Thẻ nhân sự HTML
- Thẻ HTML BR
- Thẻ tập lệnh HTML
- Thẻ HTML Noscript
- Thẻ HTML B
Thẻ HTML 5
Trong hướng dẫn này, chúng tôi sẽ tìm hiểu các thẻ HTML 5 như thẻ âm thanh, thẻ video, thẻ Canvas, HTML SVG, HTML GeoLocation, HTML kéo và thả, v.v.
Tất cả các thẻ HTML
Cuối cùng, chúng tôi sẽ tìm hiểu tất cả các thẻ HTML từng một ví dụ, thẻ marquee, thẻ textarea, thẻ BR, thẻ HR, thẻ pre, thẻ h, thẻ mã, thẻ đầu vào, thẻ tiêu đề, thẻ meta, thẻ script, thẻ kiểu vân vân.
Điều kiện tiên quyết
Trước khi học HTML, bạn phải có kiến thức cơ bản về cơ bản máy tính.
Sự tiếp kiến
Hướng dẫn HTML của chúng tôi được thiết kế để giúp cả người mới bắt đầu và các chuyên gia.
Vấn đề
Chúng tôi đảm bảo, bạn sẽ không tìm thấy bất kỳ vấn đề nào trong hướng dẫn HTML. Nhưng, nếu bạn tìm thấy bất kỳ vấn đề hoặc sai lầm nào trong hướng dẫn HTML của chúng tôi, bạn có thể báo cáo cho chúng tôi.
Nhiều thành phần xoay hiển thị một chuỗi văn bản như một phần của GUI của chúng. Theo mặc định, văn bản của một thành phần được hiển thị trong một phông chữ và màu, tất cả trên một dòng. Bạn có thể xác định phông chữ và màu sắc của văn bản thành phần bằng cách gọi các phương thức setFont
và setForeground
của thành phần tương ứng. Ví dụ: mã sau tạo một nhãn và sau đó đặt phông chữ và màu sắc của nó:
label = new JLabel["A label"]; label.setFont[new Font["Serif", Font.PLAIN, 14]]; label.setForeground[new Color[0xffffdd]];
Nếu bạn muốn trộn các phông chữ hoặc màu sắc trong văn bản hoặc nếu bạn muốn định dạng như nhiều dòng, bạn có thể sử dụng HTML. Định dạng HTML có thể được sử dụng trong tất cả các nút xoay, mục menu, nhãn, mẹo công cụ và các bảng được tab, cũng như trong các thành phần như cây và bảng sử dụng nhãn để hiển thị văn bản.
Để chỉ định rằng văn bản của một thành phần có định dạng HTML, chỉ cần đặt thẻ ở đầu văn bản, sau đó sử dụng bất kỳ HTML hợp lệ nào trong phần còn lại. Dưới đây là một ví dụ về việc sử dụng HTML trong văn bản của nút:
button = new JButton["Two
lines"];
Đây là nút kết quả.
Một ví dụ: htmldemo
Một ứng dụng có tên HtmlDemo
cho phép bạn chơi với định dạng HTML bằng cách đặt văn bản trên nhãn. Bạn có thể tìm thấy toàn bộ mã cho chương trình này trong HtmlDemo.java
. Đây là một hình ảnh của ví dụ HtmlDemo
.
Thử cái này:
- Nhấp vào nút khởi chạy để chạy HTMLDEMO bằng Web Java ™ Start [tải xuống JDK 7 trở lên]. Ngoài ra, để biên dịch và tự mình chạy ví dụ, tham khảo chỉ mục ví dụ.
- Chỉnh sửa định dạng HTML trong khu vực văn bản ở bên trái và nhấp vào nút "Thay đổi nhãn". Nhãn ở bên phải hiển thị kết quả.
- Hủy bỏ thẻ từ khu vực văn bản ở bên trái. Văn bản của nhãn không còn được phân tích cú pháp như HTML.
Ví dụ 2: Núthtmldemo
Chúng ta hãy xem xét một ví dụ khác sử dụng HTML. ButtonHtmlDemo
Thêm phông chữ, màu sắc và định dạng văn bản khác vào ba nút. Bạn có thể tìm thấy toàn bộ mã cho chương trình này trong
button = new JButton["Two0. Đây là một hình ảnh của ví dụ
lines"];
ButtonHtmlDemo
.Nhấp vào nút Khởi chạy để chạy Núthtmldemo bằng Java ™ Web Start [tải xuống JDK 7 trở lên]. Ngoài ra, để biên dịch và tự mình chạy ví dụ, tham khảo chỉ mục ví dụ.
Các nút bên trái và phải có nhiều dòng và kiểu văn bản và được triển khai bằng HTML. Mặt khác, nút giữa chỉ sử dụng một dòng, phông chữ và màu sắc, do đó nó không yêu cầu HTML. Dưới đây là mã chỉ định định dạng văn bản cho ba nút này:
b1 = new JButton["Disable
" + "middle button", leftButtonIcon]; Font font = b1.getFont[].deriveFont[Font.PLAIN]; b1.setFont[font]; ... b2 = new JButton["middle button", middleButtonIcon]; b2.setFont[font]; b2.setForeground[new Color[0xffffdd]]; ... b3 = new JButton["Enable
" + "middle button", rightButtonIcon]; b3.setFont[font];
Lưu ý rằng chúng ta phải sử dụng thẻ
button = new JButton["Two2 để khiến các ký tự ghi nhớ "D" và "E" được gạch chân trong các nút sử dụng HTML. Cũng lưu ý rằng khi một nút bị tắt, văn bản HTML của nó không may vẫn còn màu đen, thay vì trở nên màu xám. [Tham khảo lỗi #4783068 để xem tình huống này có thay đổi không.]
lines"];
Phần này đã thảo luận về cách sử dụng HTML trong các thành phần thông thường, không phải văn bản. Để biết thông tin về các thành phần có mục đích chính là định dạng văn bản, hãy xem bằng cách sử dụng các thành phần văn bản.
Nếu bạn đang lập trình trong JavaFx, hãy xem Trình chỉnh sửa HTML.