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

    phamcongson

    Police

    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


Like và Share ủng hộ ITSEOVN