[HTML/HTML5] Phần 26: Các phần tử mã máy tính

Bài viết này sẽ giới thiệu 1 số phần tử HTML để bạn có thể trình bày trên giao diện Web các đoạn mã máy tính.

Phần tử kbd
Phần tử kbd thể hiện user input như keyboard hay các lệnh bằng giọng nói. Văn bản bao quanh thẻ kbd được hiển thị mặc định ở chế độ font có khoảng trắng đơn (monospace).

<p>Lưu tài liệu bằng cách nhấn tổ hợp phím <kbd>Ctrl + S</kbd> --- dammio.com</p>

Trong ví dụ trên, cụm từ Ctrl + S có font hiển thị gọn hơn, giống mã máy tính.

Phần tử samp
Phần tử này thể hiện đầu ra của 1 chương trình hay hệ thống máy tính. Văn bản bao quanh thẻ samp được hiển thị mặc định ở chế độ font có khoảng trắng đơn.

<p>Nếu bạn nhập sai dữ liệu, chương trình sẽ báo <samp>Lỗi!</samp> --- dammio.com</p>

Phần tử code
Phần tử code dùng để định nghĩa 1 đoạn mã máy tính. Văn bản bao quanh thẻ code được hiển thị mặc định ở chế độ font có khoảng trắng đơn.

<code>
a = 1;
b = 2;
c = a + b;
</code>

Lưu ý, phần tử code không có cho phép khoảng trắng dư thừa và xuống dòng. Nếu bạn muốn có thêm khoảng trắng giữa văn bản hay xuống dòng, hãy dùng phần tử pre.

<pre>
<code>
a = 1;
b = 2;
c = a + b;
</code>
</pre>

Phần tử var
Phần tử var dành để định nghĩa 1 biến. Biến có thể là biến nằm trong diễn giải toán học hay biến trong ngôn ngữ lập trình.

Công thức Einstein: <var>E</var> = <var>mc</var><sup>2</sup> --- dammio.com.

Kết luận: Nếu bạn muốn xây dựng 1 website về khoa học hay lập trình, bạn có thể sử dụng các phần tử được giới thiệu trong bài này. Mời bạn theo dõi bài tiếp theo về học thêm về HTML.