19/09/2018, 15:03
Mã máy tính trong HTML
1 2 3 4 5 var car = { type : "Lexus" , model : 570 , color : "white" } ; Định dạng mã máy tính trong HTML Để HTML hiển thị đúng mã máy, chúng ...
|
1 2 3 4 5 |
var car = { type:"Lexus", model:570, color:"white" }; |
Định dạng mã máy tính trong HTML
Để HTML hiển thị đúng mã máy, chúng ta phải sử dụng một số thẻ đặc biệt như <kbd>, <samp> và <code>.
Định dạng ký tự nhập từ bàn phím
Thẻ <kbd> được sử dụng để đánh dấu ký tự được nhập từ bàn phím:
|
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <body style="font-size:16px"> <p>Thẻ kbd thể hiện nút trên bàn phím:</p> <p>Để xuống dòng nhấn <kbd>Enter</kbd>, để viết hoa nhấn <kbd>Shift</kbd></p> </body> </html> |
Demo
Định dạng chữ giống mã máy
Thẻ <samp> được sử dụng để hiển thị đoạn văn bản giống như mã máy tính:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE html> <html> <body style="font-size:16px"> <p>Thẻ samp sẽ giúp đoạn văn bản hiển thị giống mã máy:</p> <samp> Linux version 3.2.0-0.bpo.1-amd64 (Debian 3.2.4-1~bpo60+1) (gcc version 4.4.5 (Debian 4.4.5-8) ) #1 SMP Sat Feb 11 08:41:32 UTC 2012 </samp> </body> </html> |
Demo
Định dạng một đoạn mã
Thẻ <code> được sử dụng để định dạng một đoạn mã nguồn lập trình:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html> <body style="font-size:16px"> <p>Ví dụ đoạn mã nguồn lập trình :</p> <code> var car = {type:"Lexus", model:570, color:"white"}; </code> </body> </html> |
Demo
Thẻ <code> không hiển thị khoảng trống thừa và không xuống dòng:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!DOCTYPE html> <html> <body style="font-size:16px"> <p>Thẻ code không hiển thị khoảng trống thừa và không xuống dòng:</p> <code> var car = { type:"Lexus", model:570, color:"white" }; </code> </body> </html> |
Demo
Để khắc phục điều này, bạn cần đặt code trong thẻ <pre>:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!DOCTYPE html> <html> <body> <p>Thẻ code không hiển thị khoảng trống thừa và không xuống dòng.</p> <p>Để khắc phục điều này, bạn cần đặt code trong thẻ pre</p> <code> <pre> var car = { type:"Lexus", model:570, color:"white" }; </pre> </code> </body> </html> |
Demo
Định dạng công thức toán học
Thẻ <var> được sử dụng để định dạng công thức toán học:
|
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html> <html> <body style="font-size:16px"> <p>Sóng Ánh Sáng điện nhiệt là một Sóng Lưởng Tính</p> <p>Sóng Ánh Sáng có mức năng lượng của Quang tử khối . <var>E = p v</var></p> <p>Sóng Ánh Sáng có mức năng lượng của Quang tử lượng . <var>E = h n f<sub>o</sub></var></p> </body> </html> |
Demo
