Cách dùng thẻ heading và paragraph trong html

Thảo luận trong 'HTML và CSS' bắt đầu bởi Trần Văn Cường, 14/7/16.

  1. Trần Văn Cường

    Trần Văn Cường I love CNTT Thành viên BQT Thành viên BQT

    Tham gia ngày:
    8/11/15
    Bài viết:
    3,693
    Đã được thích:
    43
    Điểm thành tích:
    48
    Giới tính:
    Nam
    Nghề nghiệp:
    Sinh Viên
    Nơi ở:
    Quảng Ninh thân yêu!
    Web:

    Các thẻ Heading (<h1> đến <h6>) được sử dụng làm tiêu đề của trang, của bài viết. không dùng các thẻ này với mục đích in đậm hoặc làm to đoạn văn, vì các máy tìm kiếm như Google sử dụng các thẻ heading để xác định tiêu đề bài viết của bạn.
    Thẻ <p> (Paragraphs) được dùng để tạo các khối văn bản. Các trình duyệt sẽ tự động thêm một dòng trống trước và sau một đoạn văn (khối <p>)

    Lưu ý: các trình duyệt có xu hướng bỏ qua các khoảng trống (space) ta tạo trong file HTML, do vậy muốn tạo khối văn bản bạn nên dùng thẻ <p>

    Ví dụ: tạo một file html có 3 heading, <h1> đến <h3>. Ba đoạn văn, đoạn văn thứ hai có nhiều khoảng trống. Đoạn văn thứ ba có màu đỏ.

    Trong ví dụ này ta sẽ làm đoạn văn thứ ba có màu đỏ bằng css. Đây là một ví dụ về cách trang trí web. Đừng hoảng loạn, lúc này bạn chỉ cần hiểu css làm trang web trở nên đẹp đẽ hơn.

    CODE:
    Select All
    <!DOCTYPE html>
    <
    html>
    <
    head>
        <
    title>Cnttqn.com</title>
        <
    meta charset="utf-8">
    </
    head>

    <
    body>

        <
    h1>Đây là heading 1</h1>

        <
    h2>Đây là heading 2</h3>

        <
    h3>Đây là heading 3</h3>

        <
    p>Đây là đoạn văn thứ nhấtTrình duyệt sẽ tự động chèn một dòng trống trước và sau đoạn văn.</p>

        <
    p>Đây là đoạn văn thứ hai
            Đoạn văn này có nhiều khoảng trống và xuống hàng
    .
            
    Tuy nhiên trình duyệt sẽ bỏ qua những khoảng trống đó trong file HTML
        
    </p>

        <
    p style="color:red;">Đây là đoạn văn thứ bamột ví dụ về inline style</p>

    </
    body>

    </
    html>
    Kết quả:

    cach-dung-the-heading-va-the-paragraph.JPG
     

    Bình Luận Bằng Facebook

    data-href="https://cnttqn.com/threads/cach-dung-the-heading-va-paragraph-trong-html.2400.html"