bài 8: html computercode

HTML tính Mã Formatting

HTML thường sử dụng kích cỡ chữ khác nhau và khoảng cách.

Đây không phải là muốn khi hiển thị các ví dụ về các mã máy tính.

Các <kbd>, <samp> và <code> các yếu tố hỗ trợ tất cả cố định kích cỡ chữ và khoảng cách.

---

HTML <kbd> Cần Keyboard Input

HTML <kbd> yếu tố xác định đầu vào bàn phím:

Thí dụ

<kbd>File | Open...</kbd>

Kết quả:

File | Open...

---

HTML <samp> Đối với đầu ra máy tính

HTML <samp> yếu tố xác định sản lượng mẫu từ một chương trình máy tính:

Thí dụ

<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>

Kết quả:

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

---

HTML <code> Đối với Mã Computer

HTML <code> định nghĩa một đoạn mã lập trình:

Thí dụ

<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>

Kết quả:

var x = 5; var y = 6; document.getElementById("demo").innerHTML = x + y;

Chú ý rằng <code> không bảo tồn được thêm khoảng trắng và dòng-chia.

Để khắc phục điều này, bạn có thể đặt <code> phần tử bên trong một <pre> yếu tố:

Thí dụ

<pre>
<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>
</pre>

Kết quả:

var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;

---

HTML <var> Cần Biến

Phần tử HTML <var> định nghĩa một biến.

Các biến có thể là một biến trong một biểu thức toán học hoặc một biến trong bối cảnh chương trình:

Thí dụ

Einstein wrote: <var>E</var> = <var>m</var><var>c</var>².

Kết quả:

Einstein wrote: E = m c 2 .

---

HTML tính Mã Elements

Tag	Description
<code>	Defines programming code
<kbd>	Defines keyboard input
<samp>	Defines computer output
<var>	Defines a variable
<pre>	Defines preformatted text