Thẻ label dùng để định nghĩa nhãn cho các thẻ input trong HTML. Tác dụng của label là làm cho thao tác nhập liệu trở nên dễ dàng hơn. Code mẫu: Kết quả: Họ tên: Giờ bạn có thể nhấn vào chữ Họ tên để vào ô nhập liệu, hay nói cách khác, thẻ label làm tăng diện tích click chuột bắt đầu thao tác nhập. Nếu không có thẻ label, khi click vào chữ Họ tên sẽ không có điều gì xảy ra, giống như ví dụ dưới đây: Họ tên: Cú pháp của thẻ label Thẻ label yêu …
Các thẻ input type chuyên dụng trong các form, dùng để nhập liệu, kiểu như: đăng ký, đăng nhập, liên hệ, gửi file…Hôm nay chúng ta sẽ xem xét các thẻ input phổ biến nhất nhé. Các input đều giống nhau về cấu trúc, chỉ khác nhau về type. Chính type này quyết định kiểu của input. Có đến hơn 20 type khác nhau. Một số type input chỉ được hỗ trợ trong HTML5. Các type giới thiệu trong ngày hôm nay được tất cả các trình duyệt thông dụng hỗ trợ. Nhập text Ví dụ: Họ và tên: Code …
Trong bài viết trước đây về 8 thuộc tính văn bản trong CSS tôi có đề cập đến word-spacing. Tuy nhiên bài đó chỉ là cái nhìn tổng quát. Hôm nay chúng ta sẽ đi vào chi tiết và các ví dụ cụ thể. Thuộc tính word-spacing được dùng để điều khiển khoảng cách chữ với nhau. Code mẫu Kết quả: Hà Nội mùa này vắng những cơn mưa. Cái rét đầu đông khăn em bay hiu hiu gió lạnh. Đặc điểm Giá trị mặc định: normal – giá trị này sẽ để khoảng cách chữ theo mặc định của font. Tính …
Nếu hay phải viết các công thức toán học, hóa học, bạn sẽ cần dùng thường xuyên hai thẻ sup và sub. Nó được dùng để tạo chỉ số trên và chỉ số dưới. Thẻ sub Thí dụ công thức hóa học 2H2 + O2 = 2H2O, nếu không áp dụng chỉ số dưới sub thì trông sẽ như đoạn vừa gõ, để sửa lại, ta dùng đoạn code sau: Kết quả: 2H2 + O2 = 2H2O Thẻ sup Thí dụ phương trình bậc 2: ax2 + bx + c = 0 Đáng ra số 2 phải ở bên trên biến x. Để sửa …
Thẻ select dùng để lựa chọn, ở khía cạnh nào đó nó giống với radio button, nhưng điểm khác biệt là select có kiểu dáng dạng drop-down menu (xổ xuống). Code mẫu: Kết quả: Chọn giá nhà bạn muốn muaTừ 300 triệu đến 400 triệuTừ 401 triệu đến 600 triệuTừ 601 triệu đến 800 triệuTừ 801 triệu đến 1.2 tỷ đồng 1. Thuộc tính name Đây là thành phần không thể thiếu của các thẻ nằm trong form, trong đó phải kể đến các thẻ input, textarea. Thẻ select cũng vậy, thuộc tính name cho phép JavaScript và các ngôn ngữ …
Thẻ blockquote dùng để trích dẫn nội dung từ nguồn khác. Câu hỏi đầu tiên, nếu bạn không sử dụng blockquote khi trích dẫn thì có sao không? Câu trả lời là nếu bạn làm thế, bạn vẫn có thể giúp người đọc hiểu là bạn lấy tin từ nguồn khác nhưng trình duyệt và các công cụ tìm kiếm không biết là bạn trích dẫn. Câu hỏi số hai, trích dẫn khác copy như thế nào? Trả lời: trích dẫn bao giờ cũng chỉ lấy một đoạn thông tin nhỏ, cùng lắm là vài chục dòng, ngược lại copy …
Làm Form trong HTML5 đơn giản hơn nhiều HTML thường, lý do nằm ở chỗ bạn không cần dùng Javascript để Validate (bắt lỗi dữ liệu) các trường nữa. Tất nhiên điều này không tuyệt đối, một số cái vẫn phải dùng Javascript, nhưng gì thì gì, chơi với HTML5, code mà bạn phải gõ sẽ ít hơn nhiều lần. Hiện trình duyệt Google Chrome hỗ trợ tốt nhất các thẻ input mới, do vậy tôi khuyên bạn nên dùng anh bạn này để xem các ví dụ trong bài viết. Tôi sẽ bắt đầu luôn với thẻ input mà …
HTML5 cho phép chúng ta nhúng video vào trang web rồi xem trực tiếp trên trình duyệt mà không cần phải sử dụng plugin của bên thứ ba như Adobe Flash Player. Hôm nay Blog Kiến càng sẽ cùng bạn xem code nhúng này cụ thể như thế nào. Ví dụ: Code mẫu: Giải thích code: Để nhúng video chúng ta bắt đầu bằng thẻ mở <video> và kết thúc bằng thẻ đóng </video> width và height quy định chiều rộng và chiều cao của video. controls làm xuất hiện nút Play (bật video), Pause (tạm dừng), tùy chọn toàn màn hình và nút điều …
Nếu bạn muốn sử dụng ký hiệu > hoặc < trong trang HTML bạn phải sử dụng HTML Entities, cụ thể dấu < cần được viết là < trong mã HTML, câu hỏi đầu tiên bạn đặt ra: tại sao lại phải rắc rối thế? Câu trả lời là, nếu bạn sử dụng dấu < thì trình duyệt có thể nhầm đấy là thẻ mở trong HTML, để tránh nhầm lẫn bạn phải sử dụng ký tự thay thế < Ngoài ra có rất nhiều biểu tượng bạn không thể gõ trực tiếp được từ bàn phím, ví dụ như biểu tượng …
Tài liệu HTML được định nghĩa bởi các thẻ HTML. Các thẻ HTML bao giờ cũng bắt đầu bằng thẻ mở và kết thúc bằng thẻ đóng, chỉ có một vài thẻ hiếm mới không có thẻ đóng rõ ràng. Ví dụ minh họa dưới đây sẽ làm bạn hiểu rõ hơn: Thẻ mở Nội dung Thẻ đóng <a href=”freehost.page”> Link trang chủ </a> <h1> Văn bản tiêu đề </h1> <br> Thẻ xuống dòng Không cần thẻ đóng Các đặc điểm của thẻ HTML: Mục đích của các thẻ HTML là để làm trang web có cấu trúc rõ ràng… …