Bài 1 : lập trình code html: các ký tự đặc biệt

Thảo luận trong 'Ngôn ngữ lập trình CSS, HTML, HTML5' bắt đầu bởi phamcongson, 28/11/15.

  1. phamcongson
    Tham gia ngày:
    3/6/13
    Bài viết:
    474
    Đã được thích:
    93
    Điểm thành tích:
    28
    Giới tính:
    Nam
    Bài 1: Lập trình html căn bản​

    Nội dung :     học lập trình php căn bản, học lập trình html5 tĩnh và các thẻ trong html5 căn bản cần biết, các ký tự căn bản, các thẻ cơ bản trong html, html5, thẻ in đậm, in nghiêng, gạch chéo chữ,....

    Copy đoạn code sau, cho vào file notepad và đổi đuôi lại thành tenfile.html và chạy file này để xem kết quả.
    Mã:
    <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề web</title>
</head>

<body>
  <h1 align="center">Tiêu
  <br>  <!-- 1. Code html dòng -->
  &lt;  <!-- 2. Code html ký tự '<'  -->
  Nội Dung
  &gt; <!-- 3. Code html ký tự '>'  -->
  &nbsp; <!-- 4. Code html ký tự ' ' khoảng trắng  -->
  <&copy; <!-- 5. Code html ký tự 'copy có chữ C giống hình dưới'  -->
  đề web</h1>

  <!-- 6. thẻ 'p' thẻ viết đoạn văn  -->
  <p>
  <b>Nội</b> <!-- 7. thẻ 'b' thẻ in đậm  -->
  <i>dung</i>  <!-- 8. thẻ 'i' thẻ in nghiêng  -->
  <mark>bài</mark>  <!-- 9. thẻ 'mark' thẻ đánh dấu  -->
  <del>học</del>  <!-- 10. thẻ 'del' thẻ gạch ngang chữ-->
  <strong>hôm</strong> <!-- 11. thẻ 'strong' thẻ in đậm chữ, nhấn mạnh hơn thẻ 'b' cho công cụ tìm kiếm biết-->
  nay rất hữu ích
  </p>

  <!-- 12. thẻ 'pre' thẻ giữ lại các khoản trắng và xuống dòng cho code  -->
  <pre>
  for(int i=0; i>10; i++)
  {
  i++
  ....
  }
  </pre>

  <!-- 13. thẻ 'sup' và 'sub' thẻ tạo công thức toán học -->

X<sup>2</sup><sub>1</sub>+Y<sup>7</sup><sub>5</sub>=0

<!-- 14. thẻ 'hr' thẻ tạo đường kẻ dài -->
  <hr>

<!-- 15. thẻ 'marquee' thẻ tạo chữ chạy, chữ di chuyển -->
  <marquee scrollamount="60" scrolldelay="1000">Hello world</marquee>
</body>
</html>
    Code Demo hiển thị trên trình duyệt

    demo-test-html.png

    Demo bằng hình ảnh​
    Tìm hiểu thêm
    • Để tìm hiểu thêm các thuộc tính trong html bạn truy cập đỉa chỉ web sau:
    Mã:
    http://www.w3schools.com/html/default.asp
    • Để tìm hiểu thêm các thẻ đặc biệt khác và hiểu thêm các thẻ nằm trong thẻ 'P' các bạn vui lòng truy cập vào địa chỉ sau:
    Mã:
    http://www.w3schools.com/html/html_formatting.asp
    • Để tìm hiểu thêm về thẻ ghi chú, thẻ chú thích, thẻ Quotation truy cập địa chỉ:
    Mã:
    http://www.w3schools.com/html/html_quotation_elements.asp
     
    Cảm ơn đã xem bài:

    Bài 1 : lập trình code html: các ký tự đặc biệt

    Last edited by a moderator: 28/11/15
    phamcongson, 28/11/15
    #1


Chủ để tương tự : Bài lập
Diễn đàn Tiêu đề Date
Ngôn ngữ lập trình CSS, HTML, HTML5 Bài 3: Cấu trúc bảng table trong Code HTML5 5/12/15
Ngôn ngữ lập trình CSS, HTML, HTML5 Bài 2: Xử lý hình ảnh(IMG), đường dẫn(URL) trong HTML5 1/12/15
Ngôn ngữ lập trình CSS, HTML, HTML5 Một số quan điểm sai lập khi lập trình web ( Có thể bạn đã biết) 16/7/18
Ngôn ngữ lập trình CSS, HTML, HTML5 Thay đổi menu navbar collapse chế độ thu gọn trên mobi bootstrap 5/5/17
Ngôn ngữ lập trình CSS, HTML, HTML5 Trang web hoc css, html cho lập trình viên 13/1/16