Scribd Logo
Upload

Welcome to Scribd!

  • HTML

    Uploaded by

    Duy Long
    11 views6 pages
    html basic

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    html basic

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    11 views6 pages

    HTML

    Uploaded by

    Duy Long
    html basic

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 6

    HTML

    HTML Tutorial
    Giới thiệu HTML
    HTML là gì?
     HTML là viết tắt của Hyper Text Markup Language
     HTML là ngôn ngữ đánh dấu tiêu chuẩn để tạo các trang Web
     HTML mô tả cấu trúc của một trang Web
     HTML bao gồm một loạt các phần tử
     Các phần tử HTML cho trình duyệt biết cách hiển thị nội dung
     Các phần tử HTML gắn nhãn các phần nội dung như "đây là một tiêu đề",
    "đây là một đoạn văn", "đây là một liên kết", v.v.

    Một tài liệu HTML đơn giản

    Giải tích ví dụ:


     Khai báo <!DOCTYPE html>xác định rằng tài liệu này là một tài liệu HTML5
     Phần <html>tử là phần tử gốc của một trang HTML
     Phần <head>tử chứa thông tin meta về trang HTML
     Phần <title>tử chỉ định tiêu đề cho trang HTML (được hiển thị trong thanh
    tiêu đề của trình duyệt hoặc trong tab của trang)
     Phần <body>tử xác định nội dung của tài liệu và là vùng chứa tất cả nội
    dung hiển thị, chẳng hạn như tiêu đề, đoạn văn, hình ảnh, siêu liên kết,
    bảng, danh sách, v.v.
     Phần <h1>tử xác định một tiêu đề lớn
     Phần <p>tử xác định một đoạn văn

    Phần tử HTML là gì?


    Phần tử HTML được xác định bởi thẻ bắt đầu, một số nội dung và thẻ kết thúc:

    < tagname > Nội dung ở đây ... < / tagname >


    Phần tử HTML là tất cả mọi thứ từ thẻ bắt đầu đến thẻ kết thúc:

    < h1 > Tiêu đề đầu tiên của tôi < / h1 >


    < p > Đoạn đầu tiên của tôi. < / p >

    Lưu ý: Một số phần tử HTML không có nội dung (như phần tử <br>). Các phần
    tử này được gọi là phần tử rỗng. Các phần tử trống không có thẻ kết thúc!

    Phần tử trống
    Phần tử HTML không có nội dung được gọi là phần tử trống.

    Thẻ <br>xác định ngắt dòng và là một phần tử trống không có thẻ đóng:
    HTML Headings (tiêu đề HTML)
    Tiêu đề HTML là tiêu đề hoặc phụ đề mà bạn muốn hiển thị trên trang web.

    Tiêu đề HTML
    Các tiêu đề HTML được xác định bằng các thẻ <h1>to <h6>.

    <h1>xác định tiêu đề quan trọng nhất. <h6>xác định tiêu đề ít quan trọng nhất.

    Tiêu đề lớn hơn


    Mỗi tiêu đề HTML có một kích thước mặc định. Tuy nhiên, bạn có thể chỉ định
    kích thước cho bất kỳ tiêu đề nào có style thuộc tính, bằng cách sử dụng thuộc
    tính CSS font-size:

    Ví dụ:
    <h1 style="font-size:60px;">Heading 1</h1>
    HTML paragraphs (đoạn văn html)

    Phần tử HTML <p>xác định một đoạn văn.

    Một đoạn văn luôn bắt đầu trên một dòng mới và các trình duyệt sẽ tự động
    thêm một số khoảng trắng (lề) vào trước và sau một đoạn văn.

    Quy tắc ngang HTML


    Thẻ <hr>xác định ngắt theo chủ đề trong trang HTML và thường được hiển thị
    dưới dạng quy tắc ngang. (là 1 đường kẻ ngang)

    Thẻ <hr>là một thẻ trống, có nghĩa là nó không có thẻ kết thúc.

    Ngắt dòng HTML


    Phần tử HTML <br>xác định ngắt dòng.

    Sử dụng <br>nếu bạn muốn ngắt dòng (một dòng mới) mà không bắt đầu một
    đoạn văn mới:

    Thẻ <br>là một thẻ trống, có nghĩa là nó không có thẻ kết thúc.

    Giải pháp - Phần tử <pre> HTML


    Phần tử HTML <pre>xác định văn bản được định dạng trước.

    Văn bản bên trong một <pre>phần tử được hiển thị bằng phông chữ có chiều
    rộng cố định (thường là Courier) và nó bảo toàn cả khoảng trắng và ngắt dòng:

    Thẻ <pre> sẽ giữ nguyên bố cục văn bản


    HTML Styles

    Thuộc tính HTML styleđược sử dụng để thêm kiểu vào một phần tử, chẳng hạn
    như màu sắc, phông chữ, kích thước, v.v.

    Màu nền
    Thuộc tính CSS background-colorxác định màu nền cho một phần tử HTML.

    Thí dụ
    Đặt màu nền cho một trang thành bột màu:

    <body style="background-color:powderblue;">

    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>

    </body>

    Đặt màu nền cho hai phần tử khác nhau:

    Văn bản màu


    Thuộc tính CSS colorxác định màu văn bản cho một phần tử HTML:

    Thí dụ
    <h1 style="color:blue;">This is a heading</h1>
    <p style="color:red;">This is a paragraph.</p>

    Phông chữ
    Thuộc tính CSS font-familyxác định phông chữ được sử dụng cho một phần tử
    HTML:

    Thí dụ
    <h1 style="font-family:verdana;">This is a heading</h1>
    <p style="font-family:courier;">This is a paragraph.</p>
    Cỡ chữ
    Thuộc tính CSS font-sizexác định kích thước văn bản cho một phần tử HTML:

    Thí dụ
    <h1 style="font-size:300%;">This is a heading</h1>
    <p style="font-size:160%;">This is a paragraph.</p>

    Căn chỉnh văn bản


    Thuộc tính CSS text-alignxác định căn chỉnh văn bản theo chiều ngang cho
    một phần tử HTML:

    Thí dụ
    <h1 style="text-align:center;">Centered Heading</h1>
    <p style="text-align:center;">Centered paragraph.</p>

    Tóm tắt chương


     Sử dụng stylethuộc tính để tạo kiểu các phần tử HTML
     Sử dụng background-colorcho màu nền
     Sử dụng colorcho màu văn bản
     Sử dụng font-familycho phông chữ văn bản
     Sử dụng font-sizecho các kích thước văn bản
     Sử dụng text-alignđể căn chỉnh văn bản

    You might also like