Layout trong HTML

Trang web thường hiển thị nội dung dưới dạng các cột (như trên báo hoặc tạp chí). HTML5 mang tới các phần tử ngữ pháp mới để định nghĩa và phần khác nhau trong trang web: <head> định nghĩa tiêu đề tài liệu hoặc một phần (section) <nav> định nghĩa bộ chứa các đường dẫn [ [ ...]

03
Th3
Thiết kế trang web chạy trên nhiều thiết bị (responsive web design) bằng HTML

Responsive Web Design – Thiết kế web có độ phản hồi cao là gì? Responsive Web Design chỉ việc dùng HTML và CSS để tự động thay đổi kích thước, ẩn, thu nhỏ, phóng to một website để trông nó đẹp mắt hơn trên mọi thiết bị (máy tính desktop, máy tính bảng, điện thoại). [ [ ...]

03
Th3
Cách chèn CSS để tạo kiểu cách cho trang HTML

Khi trình duyệt đọc tập tin định dạng (stylesheet), nó sẽ định dạng văn bản HTML theo thông tin trong tập tin định dạng đó. 3 cách thêm CSS Có 3 cách để thêm tập tin định dạng cho văn bản HTML. Tập tin định dạng nội bộ Tập tin định dạng ngoài Nội dòng Tập tin [ [ ...]

03
Th3
Phần tử mã máy tính trong HTML

Phần tử <kbd> để nhập liệu bằng bàn phím Phần tử HTML <kbd> đại diện cho các dữ liệu nhập vào như bằng bàn phím hay giọng nói. Văn bản xung quanh thẻ <kbd> thường hiển thị mặc định trên trình duyệt dưới dạng font chữ đơn cách. <p>Lưu văn bản bằng cách nhấn tổ hợp phím <kbd>Ctrl + S</kbd></p> [ [ ...]

03
Th3
HTML Entities – Ký tự thực thể trong HTML

Các kí tự cần được giữ nguyên trong HTML sẽ được thay thế bằng các thực thể kí tự – Entities. Ngoài ra còn có thể dùng thực thể kí tự để viết các kí tự không có trên bàn phím. Thực thể trong HTML Trong HTML có một số kí tự cần được giữ nguyên. Nếu [ [ ...]

03
Th3
Symbol – Biểu tượng trong HTML

Thực thể trong HTML đã được trình bày trong bài học trước. HTML có nhiều biểu tượng toán học, kỹ thuật, tiền tệ không thể dùng bàn phím bình thường để viết được. Để thêm các biểu tượng này vào trang HTML, bạn sẽ cần dùng tới tên thực thể. Nếu không có tên, hãy dùng tới số [ [ ...]

03
Th3
Mã hóa kí tự trong HTML (Charset)

Để hiển thị một trang HTML đúng quy cách, trình duyệt web cần phải biết sử dụng bộ kí tự nào (mã hóa kí tự). Mã hóa kí tự là gì? ASCII là chuẩn mã hóa kí tự (character encoding) đầu tiên (còn được gọi là bộ kí tự – character set). ASCII định nghĩa 128 kí [ [ ...]

04
Th3
Uniform Resource Locators – URL trong HTML

Uniform Resource Locators – URL là cách viết khác của một địa chỉ web. URL có thể cấu tạo thành từ các chữ cái (quantrimang.com) hoặc địa chỉ IP (192.68.20.50). Hầu hết người dùng sử dụng tên vì chúng dễ nhớ hơn. URL – Uniform Reousece Locators – Định vị tài nguyên thống nhất Trình [ [ ...]

04
Th3
HTML và XHTML

XHTML là HTML được viết bằng ngôn ngữ XML. XHTML là gì? XHTML là viết tắt của Extensible HyperText Markup Language (Ngôn ngữ đánh dấu siêu văn bản mở rộng) XHTML gần giống với HTML XHTML có quy định nghiêm khắc hơn HTML XHTML là HTML được định nghĩa như một ứng dụng XML XHTML được hỗ trợ [ [ ...]

04
Th3
Form trong HTML

Phần tử <form> Phần tử <form> xác định hình thức thu thập dữ liệu đầu vào của người dùng. <form> . các phần tử của form . </form> Form trong HTML chứa các phần tử hình thức – là các kiểu phần tử lấy dữ liệu đầu vào như điền vào trường văn bản, hộp [ [ ...]

04
Th3
Các phần tử của Form trong HTML

Bài viết này giới thiệu tất cả các phần tử của biểu mẫu được dùng trong HTML. Phần tử <input> Phần tử quan trọng nhất khi tạo biểu mẫu trong HTML là <input>. Phần tử này có thể hiển thị nhiều cách, tùy vào thuộc tính type <input name="firstname" type="text"> Nếu thuộc tính type bị [ [ ...]

04
Th3
Công cụ, tập lệnh và plugin để xây dựng HTML Table

Việc hiển thị dữ liệu là chìa khóa để hiểu rõ hơn những thông tin cồng kềnh hoặc phức tạp. Có nhiều cách để hình dung dữ liệu, tức là bạn có thể thiết kế một infographics tuyệt đẹp hoặc tạo biểu đồ tương tác. Tất cả phụ thuộc vào dữ liệu của bạn và [ [ ...]

04
Th3
Các loại dữ liệu đầu vào của phần tử input trong HTML

Bài viết giới thiệu các kiểu dữ liệu đầu vào cho phần tử <input> trong HTML. Dữ liệu dạng văn bản <input type="text"> xác định dữ liệu đầu vào dạng trường văn bản một dòng. <form> Tên:<br> <input type="text" name="ten"><br> Họ:<br> <input type="text" name="ho"> </form> Dữ liệu dạng mật khẩu <input type="password"> định nghĩa trường điền mật khẩu. <form> Tên [ [ ...]

04
Th3
Các thuộc tính của phần tử input trong HTML

Bài viết dưới thiệu các thuộc tính của phần tử input khi tạo biểu mẫu trong HTML. Thuộc tính value Thuộc tính value xác định giá trị đầu tiên cho trường nhập dữ liệu. <form action=""> Tên:<br> <input type="text" name="ten" value="An"> </form> Thuộc tính readonly Thuộc tính readonly xác định rằng trường dữ liệu đầu vào [ [ ...]

04
Th3
Giới thiệu về HTML5

HTML5 có gì mới? Khai báo DOCTYPE trong HTML5 rất đơn giản. <!DOCTYPE html> Khai báo bảng mã kí tự (charset) cũng rất đơn giản. Bảng kí tự mặc định là UTF-8. <meta charset="UTF-8"> Ví dụ về HTML5 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Quản trị mạng</title> </head> <body> Quản trị mạng là trang thủ [ [ ...]

04
Th3
Hỗ trợ HTML5 trên các trình duyệt

Trình duyệt hỗ trợ HTML5 HTML5 được hỗ trợ trên hầu hết các trình duyệt hiện đại. Các trình duyệt, dù mới hay cũ, đều tự động xử lý các phần tử mà nó không biết như một phần tử nội dòng. Do đó, bạn cần “dạy” cho nó biết cách xử lý các phần [ [ ...]

04
Th3
Tạo website nhanh chóng với HTML5 Boilerplate

Khi xây dựng trang web mới, bạn cần trang web đó tương thích với HTML5 nhưng không muốn dành thời gian để tìm hiểu những kiến thức phức tạp về HTML5 từ đầu, bạn có thể sử dụng mẫu HTML5 Boilerplate. Đây là mẫu front-end đơn giản để tạo một trang web HTML5 chỉ trong [ [ ...]

04
Th3
Các phần tử mới trong HTML5

Dưới đây là danh sách các phần tử mới trong HTML5 và mô tả cách sử dụng chúng. Những phần tử cú pháp/cấu trúc mới trong HTML5 HTML5 mang tới các phần tử mới để cấu trúc văn bản tốt hơn. Thẻ Mô tả <article> Định nghĩa một bài viết. <aside> Định nghĩa nội dung [ [ ...]

04
Th3
Semantic Element (Yếu tố ngữ nghĩa) trong HTML5

Yếu tố ngữ nghĩa là gì? Trong ngôn ngữ học, ngữ nghĩa học là nghiên cứu về ý nghĩa của từ và cụm từ trong ngôn ngữ. Mỗi yếu tố ngữ nghĩa đều mang một ý nghĩa riêng. Vậy nên trong HTML, mỗi Semantic Element mô tả ý nghĩa cấu trúc của yếu tố đó [ [ ...]

04
Th3
Cách chuyển từ HTML4 sang HTML5

Bạn có thể sử dụng tương tự nếu muốn chuyển từ XHTML sang HTML5. Trang HTML4 thông thường <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>HTML4</title> <style> body { font-family: Verdana,sans-serif; font-size: 0.9em; } div#header, div#footer { padding: 10px; color: white; background-color: purple; } div#content { margin: 5px; [ [ ...]

04
Th3