Thẻ caption trong HTML

Một đoạn code về thẻ caption: Kết quả của đoạn code trên: Tháng Số bài viết Tháng 6 20 Định nghĩa và cách dùng Thẻ <caption> định nghĩa nội dung mô tả cho bảng table. Thẻ <caption> phải được chèn vào ngay đằng sau thẻ mở <table> Lưu ý: Bạn chỉ có thể có một caption cho mỗi bảng Mẹo: Theo mặc định, caption của table sẽ được căn ra giữa bảng. Dù vậy, các thuộc tính text-align và caption-side có thể được dùng để căn lề và xếp đặt caption. Trình duyệt hỗ trợ Tất cả các trình duyệt …

Đọc thêm

Thẻ address trong HTML

Một ví dụ về thẻ <address>: Kết quả: Được viết bởi Nguyễn Đức Anh. Địa chỉ nhà:Văn Phú, Thường Tín, Hà Nội Định nghĩa và cách dùng Thẻ <address> định nghĩa thông tin liên hệ của tác giả/chủ sở hữu của tài liệu hoặc bài viết. Nếu thẻ <address> nằm bên trong thẻ <body>, nó sẽ đại diện cho địa chỉ liên hệ của tài liệu. Nếu thẻ <address> nằm bên trong thẻ <article>, nó sẽ đại diện cho địa chỉ liên hệ của bài viết. Văn bản bên trong thẻ <address> thường được xuất ra dưới dạng in nghiêng. …

Đọc thêm

Thẻ head trong HTML

Ví dụ về tài liệu HTML, với thẻ title bên trong khu vực của thẻ head: Định nghĩa và cách dùng Thẻ <head> được dùng vào mục đích chứa tất cả các “thông tin đầu”. Thẻ <head> có thể chứa tiêu đề của tài liệu, mã script, style CSS, các thông tin meta và nhiều thứ khác. Những thẻ sau có thể được đưa vào bên trong thẻ <head>: <title> (thẻ này là bắt buộc trong tài liệu HTML); <style> (dùng để bao các đoạn mã CSS); <base>; <link> (dùng để liên kết đến một file CSS bên ngoài); <meta>; …

Đọc thêm

Thẻ body trong HTML

Một văn bản HTML đơn giản, với số lượng thẻ tối thiểu: Định nghĩa và cách dùng Thẻ <body> định nghĩa phần thân tài liệu. Thẻ <body> bao gồm tất cả nội dung của tài liệu HTML, như văn bản, siêu liên kết, hình ảnh, bảng, danh sách, vv… Trình duyệt hỗ trợ Tất nhiên rồi ạ, tất cả các trình duyệt đều hỗ trợ thẻ này. Sự khác biệt giữa HTML 4.01 và HTML5 Tất cả các thuộc tính liên quan đến bố cục (layout) đều bị loại bỏ trong HTML5 Thuộc tính Thuộc tính Giá trị Mô tả …

Đọc thêm

Thẻ button (nút bấm) trong HTML

Ví dụ về đoạn mã sử dụng button: Click Tớ Đi! Định nghĩa và cách dùng Thẻ <button> định nghĩa một nút bấm. Bên trong thẻ <button> bạn có thể thêm nội dung vào, ví dụ như văn bản hoặc hình ảnh. Đây là sự khác biệt giữa nút bấm được tạo từ thẻ <button> và nút bấm được tọ từ thẻ <input>. Mẹo: Luôn chỉ định thuộc tính cho phần tử <button>. Các trình duyệt khác nhau sử dụng kiểu mặc định khác nhau cho phần tử <button>. Trình duyệt hỗ trợ Hiện cả 5 trình duyệt lớn nhất …

Đọc thêm

Thẻ script trong HTML

Viết “Chào Kiến càng!” bằng JavaScript: Định nghĩa và cách dùng Thẻ <script> được sử dụng để định nghĩa mã thực thi phía máy khách (JavaScript). Phần tử <script> nó có thể chứa các lệnh kịch bản hoặc trỏ tới một file script bên ngoài thông qua thuộc tính src. JavaScript thường được ứng dụng trong thao tác với hình ảnh, xác nhận form, và thay đổi nội dung. Mẹo: Nếu bạn muốn học thêm về JavaScript, hãy ghé thăm mục này của chúng tôi. Trình duyệt hỗ trợ Hiện cả 5 trình duyệt lớn nhất đều hỗ trợ JavaScript. …

Đọc thêm

Thuộc tính data-* trong HTML

Ví dụ một đoạn code sử dụng thuộc tính data-* để nhúng dữ liệu tuỳ chỉnh: Quạ Cá voi Khỉ Định nghĩa và cách sử dụng Thuộc tính data-* được sử dụng để lưu trữ dữ liệu tuỳ chỉnh riêng cho trang hoặc cho các ứng dụng. Thuộc tính data-* cung cấp cho chúng ta khả năng nhúng dữ liệu tuỳ chỉnh lên tất cả các thẻ HTML Dữ liệu tuỳ chỉnh có thể được sử dụng trong trang chứ JavaScript để tạo tính tương tác tốt hơn với trải nghiệm người dùng (không cần dùng đến Ajax hoặc các truy …

Đọc thêm

Thuộc tính title trong HTML

Bạn cần nhớ là thuộc tính title trong HTML thì khác với thẻ title nhé. Ví dụ về thuộc tính title: Kết quả: WHO được thành lập vào năm 1948. Kiến càng Bạn thử di chuột qua các đoạn văn bản ở trên sẽ thấy nhiều điều thú vị. Định nghĩa và cách dùng Thuộc tính title chỉ định thông tin thêm về thẻ. Thông tin thường được hiển thị khi bạn di chuột qua phần tử, nó hiển thị dưới dạng tooltip text. Trình duyệt hỗ trợ Hiện cả 5 trình duyệt lớn nhất hiện nay đều hỗ trợ …

Đọc thêm

Thuộc tính lang trong HTML

Ví dụ đoạn văn bằng tiếng Anh trong văn bản sử dụng thuộc tính lang: Định nghĩa và cách dùng Thuộc tính lang dùng để chỉ định ngôn ngữ của nội dung phần tử. Một số ví dụ phổ biến là “en” cho tiếng Anh, “es” cho tiếng Tây Ban Nha, “fr” cho tiếng Pháp, “vi” cho tiếng Việt. Trình duyệt hỗ trợ Thuộc tính lang được hỗ trợ bởi tất cả các trình duyệt phổ biến hiện nay. Sự khác nhau giữa HTML 4.01 và HTML5 Trong HTML5, thuộc tính lang có thể sử dụng cho bất kỳ phần …

Đọc thêm

Tính năng kéo thả (Drag and Drop) trong HTML5

Tính năng kéo thả là một phần tiêu chuẩn trong HTML5. Kéo thả là tính năng rất phổ biến. Bạn “tóm” một đối tượng và thả nó vào vị trí khác. Trong HTML5, tính năng kéo thả là một phần của tiêu chuẩn phải có, và bất kỳ đối tượng nào cũng có thể kéo thả được. Trình duyệt hỗ trợ API  Chrome  IE FireFox  Safari Opera Kéo thả  4.0  9.0  3.5  6.0  12.0 Ví dụ đoạn code có tính năng kéo thả Cách làm một đối tượng có thể kéo thả Trước tiên để làm một đối tượng có …

Đọc thêm