Phần tử trong HTML

  • Nguyễn Lê Điệp
  • 14-12-2016
  • 612
  • 0
  • 1
  • 0
  • Bài viết được đăng tại kennis.vn - không copy dưới mọi hình thức.

    Phần tử trong HTML

    Một phần tử trong HTML thường bao gồm một phần mở đầu và một phần kết thúc tương ứng với nội dung được chèn vào giữa.

    <tên thẻ> Nội dung văn bản...</tên thẻ>

    Ví dụ

    <p>Đoạn văn bản</p>
    Thẻ mở đầu Nội dung phần tử Thẻ kết thúc
    <h1> Tiêu đề văn bản </h1>
    <p> Đoạn văn bản </p>
    <br>    
    Trong HTML có một số phần tử không có nội dung được gọi là phần tử rỗng. Phần tử rỗng không có thẻ kết thúc, chẳng hạn như thẻ <br> nó chỉ ngắt dòng hoặc thẻ <hr> nó tạo đường ngang.

    Phần tử lồng nhau trong HTML

    Các phần tử trong HTML có thể được lồng vào nhau.

    Ví dụ

    <!DOCTYPE html>
    <html>
    <head>
    	<title>Học HTML</title>
    </head>
    <body>
    	<h1>Thẻ tiêu đề</h1>
    	<p>Thẻ đoạn văn</p>
    </body>
    </html>   
    Xem ví dụ

    Trích giải ví dụ

    Phần tử <html> dùng để xác định ngôn ngữ của một trang. Nó được bắt đầu bằng thẻ <html> và kết thúc bằng thẻ </html>.

    <html>
    <head>
    	<title>Học HTML</title>
    </head>
    <body>
    	<h1>Thẻ tiêu đề</h1>
    	<p>Thẻ đoạn văn</p>
    </body>
    </html>
    Phần tử <body> dùng để xác định các nội dung của một trang. Nó được bắt đầu bằng thẻ <body> và kết thúc bằng thẻ </body>
    <body>
    	<h1>Thẻ tiêu đề</h1>
    	<p>Thẻ đoạn văn</p>
    </body>
    Phần tử <h1> dùng để xác định nội dung chính (quan trọng) thường là tiêu đề. Nó được bắt đầu bằng thẻ <h1> và kết thúc bằng thẻ </h1>
    <h1>Thẻ tiêu đề</h1>
    Phần tử <p> dùng để định dạng nội dung (đoạn) của bài viết. Nó được bắt đầu bằng thẻ <p> và kết thúc bằng thẻ </p>
    <p>Thẻ đoạn văn</p>

    Thiếu thẻ đóng trong HTML

    Có trường hợp chúng ta code chỉ có thẻ mở và vô tình không đóng thẻ thì trình duyệt vẫn hiểu đã tồn tại thẻ đóng với ký hiệu /.
    <!DOCTYPE html>
    <html>
    <body> 
      <p>Đoạn văn thứ 1
      <p>Đoạn văn thứ 2
    </body>
    </html>
    Xem ví dụ
    • Lưu ý: Nên có thẻ đóng theo thẻ mở để khỏi bị lỗi cấu trúc HTML khi trình duyệt vô tình hiểu sai vị trí thẻ đóng.

    Phần tử rỗng trong HTML

    Các phần tử rỗng không yêu cầu chúng ta có thẻ đóng với thẻ <br> là một thẻ rỗng dùng để ngắt dòng.
    Các phần tử rỗng có thể dùng chung thẻ mở và đóng chẳng hạn như thẻ <br> thì thành <br/>.
    Với HTML thuần thì không yêu cầu thẻ đóng đối với phần tử rống nhưng nên thêm vào nếu các bạn sử dụng ngôn ngữ xml để đọc trang thì sẽ bị lỗi nếu thẻ đóng này.

    Thẻ chữ hoa hoặc chữ thường

    Trong thẻ HTML không phân biệt thẻ đóng chữ hoa hoặc thẻ mở đầu bằng chữ thường. Nhưng theo tiêu chuẩn W3C thì tốt nhất nên dùng thẻ đóng và thẻ mở với chữ thường.
    <P>Đoạn văn thứ 2</p>
    Chúc các bạn học tốt!cheeky
    Từ khóa:

    Phần tử trong HTML

    Phần tử trong HTML

    Phần tử trong HTML

    Phần tử trong HTML
    Phần tử trong HTML
    1 or 0
    Lưu ý: Đăng câu hỏi trên Group Facebook để được hỗ trợ nhanh nhất.
    Đang tải...
    Nguyễn Lê Điệp
    Có sở thích lập trình, viết lách nên đã từng tham gia quản trị và viết bài ở một số diễn đàn, đến năm 2016 mới có điều kiện sáng lập ra kennis.vn với mục đích chia sẻ để học tập. Sinh năm 93, đang học tập và làm việc tại Hồ Chí Minh City.

    Thống kê

    - Hôm nay:
    479
    - Hôm qua:
    643
    - Tuần này:
    4.743
    - Tuần trước:
    4.927
    - Tháng này:
    13.852
    - Tháng trước:
    42.741
    - Năm này:
    196.646
    - Năm trước:
    17.373
    - Tổng cộng:
    214.019