1. Các thẻ liên quan đến mã máy tính (Computer Code)
Các thẻ liên quan đến mã máy tính là <kbd>, <samp>, <code> và <var>.
2. Định nghĩa chung
Các thẻ này nhằm giúp cho trình duyệt hiểu nội dung bên trong nó là gì. Và sẽ đạt hiệu quả hơn nếu bạn kết hợp nó với CSS để nhằm giúp cho người dùng hiểu nó là gì
Nội dung bên trong các cặp thẻ đó thường được hiển thị trong phông chữ mặc định của trình duyệt
3. Thẻ <kbd>
Thẻ <kbd> là viết tắt của chữ Keyboard
Nội dung trong cặp thẻ <kbd> </kbd> nhằm giúp cho trình duyệt hiểu đó là các ký tự được nhập từ bàn phím
4. Thẻ <samp>
Thẻ <samp> là viết tắt của chữ sample
Nội dung trong cặp thẻ <samp> </samp> nhằm giúp cho trình duyệt hiểu đó là một cụm từ được xuất ra từ một chương trình máy tính hoặc hệ thống tính toán của máy tính.
5. Thẻ <code>
Nội dung trong cặp thẻ <code> </code> nhằm giúp cho trình duyệt hiểu đó là một đoạn mã nguồn lập trình.
Như hình trên bạn thấy nội dung trong cặp thẻ <code></code> không hiển thị khoảng trống thừa và không xuống dòng.
Để khắc phục điều này, bạn cần đặt cặp thẻ <code> </code> trong cặp thẻ<pre></pre> như hình dưới
6. Thẻ <var>
Thẻ <var> là viết tắt của chữ variable
Nội dung trong cặp thẻ <var> </var> nhằm giúp cho trình duyệt hiểu đó là một biến số.
Biến số 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 ngữ cảnh lập trình
7. Các bài tập
7.1 Bài tập 1
Giúp trình duyệt hiểu “c=a+b” là một đoạn mã lập trình
<!DOCTYPE html> <html> <body> <p>c=a+b</p> </body> </html>
Câu trả lời bài tập 1
<!DOCTYPE html> <html> <body> <p><code>c=a+b</code></p> </body> </html>
7.2 Bài tập 2
Xác định văn bản bên trong cặp thẻ <code></code> dưới dạng văn bản được định dạng sẵn (bảo vệ không gian và các ngắt dòng)
<!DOCTYPE html> <html> <body> <code> c=a+b a=2 b=3 </code> </body> </html>
Câu trả lời của bài tập 2
<!DOCTYPE html> <html> <body> <pre><code> c=a+b a=2 b=3 </code></pre> </body> </html>
7.3 Bài tập 3
Giúp trình duyệt hiểu ký tự “x” trong phương trình dưới là một biến số
<!DOCTYPE html> <html> <body> <p>Một phương trình toán đơn giản: x = 3 + 2;</p> </body> </html>
Câu trả lời của bài tập 3
<!DOCTYPE html> <html> <body> <p>Một phương trình toán đơn giản: <var>x</var> = 3 + 2;</p> </body> </html>
8. Lời cuối bài
Đến đây là kết thúc bài viết về [Học HTML] Các thẻ liên quan đến mã máy tính (Computer Code). Ở bài sau tôi sẽ viết về những điều cần biết về ký tự trong HTML.
The post [HTML bài 29] Các thẻ liên quan đến mã máy tính (Computer Code) appeared first on Học online.
from WordPress http://ift.tt/2vM4gHm
via IFTTT
Không có nhận xét nào:
Đăng nhận xét