Bài này, các bạn sẽ tìm hiểu một số thẻ định dạng mã máy tính như: các kí tự nhập, các mẫu xuất văn bản, mã ngôn ngữ lập trình, biến, biểu thức toán học, vật lý.
11.1. Thẻ <kbd>: Định dạng các phần từ đầu vào từ bàn phím
Cú pháp:
<kbd>Nội dung cần nhập vào</>
Ví dụ 1:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<p>Thẻ kbd biểu diễn kí tự nhập vào từ bàn phím:</p>
<p><kbd>File | Open...</kbd></p>
</body>
</html>
Kết quả:
11.2. Thẻ <samp>: Định dạng mẫu ký tự xuất ra từ máy tính
Cú pháp:
<samp>Thông tin cần xuất ra</samp>
Ví dụ 2:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<p>Thông tin phiên bản nhân Linux</p>
<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>
</body>
</html>
Kết quả:
11.3. Thẻ <code>: Định nghĩa mã lập trình
Cú pháp:
<code>Mã lập trình</code>
Ví dụ 3.1:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<p>Thông tin cầu thủ</p>
<code>
var person = {firstName:"Beckham", lastName:"David", age:37}
</code>
</body>
</html>
Kết quả:
Thẻ code không chứa đoạn mã bao gồm ký tự trắng và xuống dòng. Để khắc phục, các bạn sử dụng thêm cặp thẻ <pre> bao quanh.
Ví dụ 3.2:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<p>Thông tin cầu thủ</p>
<code>
<pre>
var person = {
firstName:"Beckham",
lastName:"David",
age:37,
eyeColor:"Black"
}
</pre>
</code>
</body>
</html>
Kết quả:
11.4. Thẻ <var>: Định nghĩa biến toán học
Cú pháp:
<var>Biến cần định nghĩa</var>
Ví dụ 4:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<p>Công thức Einstein:</p>
<p><var>E</var> = <var>m</var> <var>c</var><sup>2</sup></p>
</body>
</html>
Kết quả:
Cú pháp:
<kbd>Nội dung cần nhập vào</>
Ví dụ 1:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<p>Thẻ kbd biểu diễn kí tự nhập vào từ bàn phím:</p>
<p><kbd>File | Open...</kbd></p>
</body>
</html>
Kết quả:
Cú pháp:
<samp>Thông tin cần xuất ra</samp>
Ví dụ 2:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<p>Thông tin phiên bản nhân Linux</p>
<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>
</body>
</html>
Kết quả:
Cú pháp:
<code>Mã lập trình</code>
Ví dụ 3.1:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<p>Thông tin cầu thủ</p>
<code>
var person = {firstName:"Beckham", lastName:"David", age:37}
</code>
</body>
</html>
Kết quả:
Ví dụ 3.2:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<p>Thông tin cầu thủ</p>
<code>
<pre>
var person = {
firstName:"Beckham",
lastName:"David",
age:37,
eyeColor:"Black"
}
</pre>
</code>
</body>
</html>
Kết quả:
Cú pháp:
<var>Biến cần định nghĩa</var>
Ví dụ 4:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<p>Công thức Einstein:</p>
<p><var>E</var> = <var>m</var> <var>c</var><sup>2</sup></p>
</body>
</html>
Kết quả:
