1 - Tổng quan về HTML

1.1 HTML không phải là ngôn ngữ lập trình mà dùng để trang trí, trình bày nội dung của website.
Cấu trúc của một trang HTML 
Có 2 loại thẻ ( tag ) : 

  • Thẻ bao ( container tag )

           <tên thẻ> nội dung </tên thẻ>

  • Thẻ rỗng ( empty tag )

          <tên thẻ />
Trong thẻ thì có thuộc tính , thuộc tính cách tên thẻ và cách nhau một khoảng trống. Thuộc tính có các giá trị  cách thuộc tính bởi dấu = , giá trị được nằm trong cặp dấu " " hoặc ' ' .
         <p align="center" style="color:red">Nội dung</p>

  • Cấu trúc một trang HTML :

        <DOC TYPE HTML>
        <HTML>
        Nội dung phần này không hiển thị ra website, cung cấp thông tin định dạng trang HTML
        <HEAD>
        <BODY>
        Nội dung hiển thị
        </BODY>
        </HEAD>
        </HTML>
1.2 Một số thẻ HTML thường dùng.
- thẻ <title></title>
Tiêu đề của trang HTML, nằm trong cặp thẻ <head></head>
- thẻ link <meta> với vấn đề unicode có 2 điều kiện :
    + tập tin phải được lưu dưới dạng Encoding : UTF-8
    + trong cặp thẻ <head></head>
Ví dụ :
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
- thẻ <font></font>
định dạng chữ cho nội dung được bao bọc
các thuộc tính : face, size, color
Ví dụ :
    <font face="Tahoma" color="red" size="20px" > Tự học PHP online </font>
-thẻ <b></b>, <strong></strong>
    in đậm nội dung được bao bọc
-thẻ <i></i>
    in nghiêng nội dung được bao bọc
-thẻ <u></u>
    gạch chân nội dung được bao bọc
-thẻ <p></p>
    giới hạn đoạn văn bản
2 cặp thẻ <p></p> sẽ cách nhau một dòng trắng
    -thẻ <div></div>
    là một khối dữ liệu xếp chồng, có độ rộng mặc định là chiều rộng cửa sổ.
-thẻ <span></span>
    khối dữ liệu trên dòng
-thẻ <a></a>
    link liên kết
    thuộc tính : href, target
Ví dụ : 
    <a href="tuhocphponline.blogpost.com" target="blank" >tự học php online</a>
-thẻ <img />
   nhúng hình ảnh vào site
   thuộc tính : src, width, height
ví dụ: 
   <img src="hinhanh.jpg" width="100px" />