Kubet

  • Thabet
  • Dàn đề
  • Kubet
  • Lô Đề

Tổng hợp các thẻ HTML cơ bản quan trọng

Bài viết này dành cho các bạn mới học lập trình web, mình tổng hợp các thẻ tag trong HTML, HTML5 thường. Học cách dùng các thẻ HTML cơ bản thông dụng nhất. Cùng tham khảo bài viết nhé!

Thẻ HTML là gì?

HTML (HyperText Markup Language) là ngôn ngữ lập trình front end nền tảng không thể thiếu cho tất cả các web developer HTML giúp tạo nên cấu trúc tĩnh khung xương của trang web, còn CSS sẽ tạo nên màu sắc, cấu trúc động, bố cục của trang web.
Thẻ HTML là thành phần chính của ngôn ngữ này, nó giúp tạo nên các bố cục, cấu trúc cơ bản của một trang web.

Có hai loại thẻ chính trong html đó là:

Bạn đang đọc: Tổng hợp các thẻ HTML cơ bản quan trọng

  • Thẻ block : Thẻ HTML thường được sử dụng theo cặp bao gồm một thẻ đóng và một thẻ mở và có thể viết trên nhiều dòng
  • Thẻ inline: là các thẻ chỉ viết trên một dòng.

Các thẻ block trong HTML

Các thẻ này đều hoạt động giải trí được trên HTML5 và tổng thể các lập trình web đều phải biết .

1. Thẻ tiêu đề

Các thẻ tiêu đề thường dùng như : h1, h2, h3, h4. .. Thẻ này dùng để tạo heading cho website, độ lớn của tiêu đề sẽ giảm dần từ trái qua phải. Ví dụ thẻ h1 > h2 > h3 .
Cách dùng : Sử dụng cặp thẻ tương ứng .

This is heading 1

This is heading 2

2. Thẻ danh sách

và

    Ở đây mình giới thiệu thẻ danh sách có thứ tự ol ( viết tắt của ordered list ). Thẻ danh sách luôn có thẻ li (list item) đi kèm để biếu diễn một phần tử của danh sách.

    Ví dụ :

    1. First Item
    2. Second Item
    3. Third Item

    Thẻ

    dùng cho danh sách không cần thứ tự.

    3. Thẻ đoạn văn

    Viết tẳ của paragraph. Thẻ này dùng để cấu trúc các đoạn văn bản. Trong thẻ này chỉ được sử dụng các thẻ inline
    Ví dụ :

    Here is example paragraph

    4. Thẻ

    Gồm các thẻ con bên trong :

    • : Đầu của bảng

    • : Heading của bảng

    • : thân của bảng

    • : Nội dung của bảng ( table data)

    Ví dụ:

    Heading 1 Heading 2 Heading 3
    Item 1 Item 2 Item 3

    5. Thẻ

    Các thuộc tính của form như : radio, text, password ,
    Ví dụ :

    Favorite color? Red Yellow Green

    the form html tagKết quả

    5. Thẻ

    Viết tắt của division, có nghĩa là phân loại. Cặp thẻ tag này giúp phân loại khu vực trong website .

    Trong thẻ div không nên sử dụng các cặp thẻ như:

    ;

    6. Thẻ

    Cặp thẻ tag này dùng để định nghĩa một khu vực trong HTML, có tính năng gần giống thẻ div

    Xem thêm: Cách đánh số trang trong Word 2010 cực nhanh, cực đơn giản

    7. Thẻ head, body, footer

    Tương ứng là đầu, thân và chân của trang web. Tiêu đề trang nằm trong thẻ . Toàn bộ nội dung của trang web sẽ trong thẻ và nội dung chân trang trong thẻ

    .

    8.Thẻ

    Dùng để định nghĩa một nội dung riêng không liên quan gì đến nhau, thường là quảng cáo, các comment. . .

    9. Thẻ

    Dùng để định nghĩa nội dung bên ngoài nội dung chính, ví dụ như thanh sidebar. ..
    Thẻ này hoàn toàn có thể chứa các thẻ tag khác .

    10. Cặp thẻ

    và

    Cặp thẻ này dùng để nhấn mạnh vấn đề các thuộc tính có tương quan đến nhau. Ví dụ như diễn đạt của một hình ảnh, chú thích .

    This is Rose picture

    11. Thẻ ,

    Dùng đế nhấn mạnh vấn đề đối tương trong html

    12. Các thẻ định dạng kiểu chữ đậm, nghiêng, gạch chân

    • Thẻ <\b> : Kiểu chữ in đậm ( black )
    • Thẻ : Kiểu chữ gạch chân ( underlined )
    • Thẻ : Kiểu chữ in nghiêng ( inclined )
    • Thẻ

    Các thẻ inline trong HTML

    Như đã nói ở phần đầu bài viết. Thẻ inline là thẻ chỉ cần dùng một thẻ mở, viết trên một dòng và không cần thẻ đóng

    1. Thẻ hình ảnh >

    Dùng để chèn hình ảnh vào website .

    Cú pháp: ” path of image ” alt = ” Alternative of image “

    Trong đó : Path là đường dẫn tới hình ảnh. Allternative là thuộc tính của ảnh do bạn tự đặt
    Ví dụ :

     This is example picture 

    2. Thẻ liên kết

    Viết tắt của adress dùng để tạo ra các link liên kết khi chọn vào đối tượng trong liên kết.

    Cú pháp : Text
    Ví dụ :

     Click here to go to google.com 
    
    

    3. Thẻ

    Viết tắt của break, đây là thẻ dùng để xuống dòng trong html. Thẻ này còn có thể viết là

    Xem thêm: Cách đánh số trang trong Word 2010 cực nhanh, cực đơn giản

    4. Thẻ

    span tag dùng để nhóm một hoặc nhiều thẻ inline lại với nhau

    Lời kết

    Trên đây là tổng hợp các thẻ HTML thường dùng nhất. Ngoài ra còn một số thẻ tag và thuộc tính khác nữa. Cảm ơn bạn đã xem bài viết này của mình. Xem thêm các bài chia sẻ việc học lập trình CSS khác của mình tại đây nhé!

    Source: https://www.lesabeilles.biz
    Category: Mạng Internet

    Filed Under: Mạng Internet

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Giới Thiệu

    Kubet là cái tên đang được quan tâm và nhắc đến nhiều nhất trong làng game đổi thưởng, game cá cược hiện nay, đặc biệt là các game thủ Việt Nam.

    Chuyên Mục

    • Dàn đề
    • Du lịch
    • Lô Đề
    • Mạng Internet
    • Nhà Cái
    • Phong thủy

    Bài viết mới

    • Nằm mơ rụng răng hàm dưới là điềm gì? Mơ răng rụng báo hiệu điều gì?
    • Nằm mơ thấy gãy răng chảy máu điềm báo gì? Đánh con gì?
    • Nằm mơ thấy gà đẻ trứng đánh con gì? Đánh số mấy dễ trúng?

    Copyright 2021 © KUBET