HTML

Danh sách các thẻ trong HTML

Bởi

Bạn muốn có danh sách ngắn gọn các thẻ trong HTML? Bạn muốn xem lại bất cứ khi nào mình muốn? Thế thì bạn đã đến đúng nơi! Trong bài viết này Kiến càng sẽ cung cấp cho bạn thông tin đơn giản nhưng đầy đủ về các thẻ HTML. Tài Liệu HTML chuẩn <!DOCTYPE html><html><head><title>Tiêu đề bài viết</title></head> <body>Nội dung bài viết…</body> </html> Các thẻ cơ bản <h1>Thẻ quan trọng nhất, có kích thước lớn nhất</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>Thẻ quan trọng kém nhất, có kích thước …

Đọc thêm

Các thuộc tính trong HTML

Bởi

Các thuộc tính trong HTML cung cấp thông tin bổ sung cho các thẻ. Nội dung của nó rất quan trọng, tuy nhiên sẽ không có ý nghĩa nhiều lắm nếu bạn chưa có tí kinh nghiệm nào với HTML và CSS. Đặc điểm Các thẻ HTML có thể chứa một hoặc nhiều thuộc tính Các thuộc tính cung cấp thông tin bổ sung cho các thẻ Các thuộc tính luôn nằm trong các thẻ mở (chứ không phải thẻ đóng nhé) Các thuộc tính thường xuất hiện dưới dạng cặp tên/giá trị kiểu như: tên=”giá trị” Trong ví dụ …

Đọc thêm

Thẻ title trong HTML

Bởi

Thẻ title dùng để tạo tiêu đề cho bài viết, đây là thẻ cơ bản vào bậc nhất trong HTML và nó có ý nghĩa đặc biệt quan trọng khi SEO. Code mẫu: Ứng dụng Cung cấp tiêu đề trên toolbar của trình duyệt: Hiển thị tiêu đề cho trang khi được thêm vào danh sách ưa thích của trình duyệt (bookmark): Cung cấp tiêu đề cho các bài viết trong kết quả trả về của các cỗ máy tìm kiếm (thí dụ Google, Bing…): Trình duyệt hỗ trợ Được hỗ trợ bởi tất cả các trình duyệt phổ biến …

Đọc thêm

Thẻ form trong HTML

Bởi

Thẻ form là một trong những thẻ quan trọng nhất trong HTML, giữ vai trò tương tác giữa người dùng và trang web. Các thao tác trao đổi nội dung như đăng nhập, đăng ký, bình luận đều thông qua form và các thành phần khác liên quan. Code mẫu Kết quả: Họ và tên: Quê quán: Trình duyệt hỗ trợ Thẻ form được tất cả các trình duyệt thông dụng hỗ trợ, trong đó có Chrome, FireFox, Opera, Safari và IE. Các thành phần trong form Thẻ dùng nhiều nhất trong form là thẻ <input>, có rất nhiều input type …

Đọc thêm

Thẻ textarea trong HTML

Bởi

Thẻ textarea hay dùng trong thẻ form, dùng để nhập văn bản. Thẻ input kiểu text cũng để nhập văn bản, nhưng thường là đoạn ngắn còn <textarea> được dùng để nhập cả đoạn văn bản dài hơn. Code mẫu: Kết quả: Trình duyệt hỗ trợ Thẻ textarea được tất cả các trình duyệt phổ thông hỗ trợ, trong đó có Chrome, FireFox, Opera, Safari và IE. Đặc điểm Không giới hạn số ký tự nhập vào. Kích thước của textarea được thay đổi thông qua thuộc tính rows và cols, nhưng cách tốt hơn để tác động đến kích thước …

Đọc thêm

Thuộc tính value trong thẻ input

Bởi

Thuộc tính value là thuộc tính quan trọng trong thẻ input, chức năng của nó còn tùy thuộc vào loại thẻ input type cụ thể. Code mẫu: Kết quả: Nam:Nữ: Trình duyệt hỗ trợ Thuộc tính value được tất cả các trình duyệt phổ thông hỗ trợ, trong đó có Chrome, FireFox, Opera, Safari và IE. Cách dùng Như đã nói ở phần đầu tùy loại input mà thuộc tính value có tác dụng khác nhau: A. Trong các nút reset và submit thì value có tác dụng hiển thị đoạn text trên nút nhấn. Ví dụ: Code mẫu: B. Cho …

Đọc thêm

Thẻ fieldset trong HTML

Bởi

Thẻ fieldset là thẻ chuyên dùng cho phần tử form, nó có tác dụng nhóm các thành phần liên quan đến nhau trong form. Code mẫu Kết quả: Thông tin cá nhân Họ và tên: Quê quán: Đặc điểm Thẻ fieldset được hỗ trợ bởi tất cả các trình duyệt thông dụng, trong đó có Chrome, FireFox, Opera, Safari và IE. Thẻ fieldset tạo đường viền màu xám xung quanh các thành phần mà nó nhóm lại. Thẻ legend luôn đi kèm với fieldset, dùng để tạo tiêu đề cho nó. Trong thí dụ ở trên, đó chính là đoạn Thông …

Đọc thêm

Thuộc tính placeholder của thẻ input

Bởi

Thuộc tính placeholder là thuộc tính mới trong HTML5 dành cho thẻ input. Tác dụng của placeholder là cung cấp thêm thông tin cho người dùng, giúp họ biết cần nhập dữ liệu gì hoặc bất cứ thông báo nào mà bạn muốn. Code mẫu: Kết quả: Họ tên: Quê quán: Khi người dùng bắt đầu nhập liệu, thông tin gợi ý từ placeholder sẽ biến mất. Trình duyệt hỗ trợ Được hầu hết các trình duyệt hỗ trợ trong đó có: Internet Explorer 10, Firefox, Opera, Chrome và Safari. Chú ý là IE 9 và các phiên bản sớm hơn không …

Đọc thêm

Thuộc tính required của thẻ input

Bởi

Thuộc tính required là thuộc tính mới trong HTML5 dành cho thẻ input. Tác dụng của required là buộc người dùng phải nhập dữ liệu thì mới gửi được (submit). Dĩ nhiên thao tác này đỡ cho chúng ta khá nhiều code JavaScript hoặc PHP dùng để validate các trường không được phép để trống. Code mẫu: Kết quả: Họ tên: Giờ bạn không điền gì vào trường Họ tên, rồi nhấn nút Gửi thử xem, bạn sẽ nhận được thông báo kiểu như “Vui lòng điền vào trường này“. Trình duyệt hỗ trợ Thuộc tính required được Internet Explorer 10, Firefox, …

Đọc thêm

Cách dùng thẻ abbr trong HTML

Bởi

Thẻ abbr dùng để chú thích từ viết tắt giúp cho máy tìm kiếm, công cụ dịch thuật, công cụ kiểm tra chính tả hiểu nội dung web tốt hơn. Code mẫu: Kết quả: UFO còn gọi là Vật thể bay không xác định. Thông tin được đưa vào thuộc tính title của thẻ abbr sẽ được sử dụng để biết từ đầy đủ của từ viết tắt. Khi bạn di chuột qua từ viết tắt, thông tin từ title cũng hiện ra. Bonus Nếu bạn muốn tìm nghĩa của các từ viết tắt mà mình chưa biết thì hãy …

Đọc thêm