Mã lập trình trong HTML

Định dạng cho mã lập trình trong HTML

Những văn bản thông thường được hiển thị lên trang web theo mặc định. Font chữ, kích thước hay khoảng cách chữ có thể quy định bằng CSS hoặc nếu không do trình duyệt đảm nhận.

Tuy vậy, nếu muốn trình duyệt hiểu những văn bản bạn viết là mã lập trình, hãy sử dụng các thẻ <kbd>, <samp> hay <code>

Định dạng mã bằng thẻ <kbd>

Thẻ <kbd> dùng để định nghĩa văn bản nhập từ bàn phím. kbd là viết tắt của keyboard.

Ví dụ:

Định dạng mã bằng thẻ <samp>

 Thẻ <samp> viết tắt của sample (ví dụ) dùng để định nghĩa dữ liệu ra cho mã:

Ví dụ:

Dùng thẻ <code> cho mã lập trình

Thẻ <code> dùng để định nghĩa các dòng mã lập trình.

Ví dụ:

<code>
   begin
      writeln("Hello");
      readln;
   end.
</code>

Thẻ <pre> giúp giữ nguyên định dạng mã

Thẻ <pre> thường dùng để bao đóng đoạn mã định nghĩa bởi thẻ <code>. Việc dùng thẻ <pre> sẽ giúp cho định dạng dấu cách, xuống dòng giống như trong mã của bạn.

Ví dụ:

Thẻ <var> dùng định nghĩa biến số

Thẻ <var> được dùng để định nghĩa các biến trong toán học.

Ví dụ:

<p>Einstein đã tìm ra:</p>

<p><var>E = m.c<sup>2</sup></var></p>