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.
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ụ :
First Item
Second Item
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ụ :
Kế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
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ụ :
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à
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é!
Leave a Reply