Có rất nhiều thẻ html và biết càng nhiều thẻ thì chúng ta càng có nhiều cách vận dụng cho việc xây dựng một trang web. Tuy nhiên, tôi không khuyến khích các bạn bắt buộc phải nhớ tất các thẻ html. Và trong khuôn khổ của bài viết này tôi sẽ giới thiệu cho các bạn những thẻ html thông dụng nhất và thường xuyên được sử dụng nhất cho một trang web. Khi các bạn nắm chắc những thẻ này và vận dụng một cách linh hoạt. Khi đó các bạn hoàn toàn có thể xây dựng một web tĩnh bằng htm. Thẻ html Cú pháp: ... Thẻ html là thẻ mở đầu của một trang web Thẻ head Cú pháp: ... Là thẻ chứa các thẻ trong phần đầu của một trang html Thẻ title Cú pháp: ... Thẻ title là thẻ thể hiện tiêu đề của một trang web Thẻ meta Cú pháp: Thẻ meta là thẻ mô tả tổng quát về nội dung trang web Thẻ link Cú pháp: Là thẻ dùng để nhúng một file bất kỳ vào trang web Thẻ script .......
Trang 1Bài 2 Các thẻ HTML và cách sử dụng Có rất nhiều thẻ html và biết càng nhiều thẻ thì chúng ta càng có nhiều cách vận dụng cho việc xây dựng một trang web Tuy nhiên, tôi không khuyến khích các bạn bắt buộc phải nhớ tất các thẻ html Và trong khuôn khổ của bài viết này tôi sẽ giới thiệu cho các bạn những thẻ html thông dụng nhất và thường xuyên được sử dụng nhất cho một trang web Khi các bạn nắm chắc những thẻ này và vận dụng một cách linh hoạt Khi đó các bạn hoàn toàn có thể xây dựng một web tĩnh bằng htm * Thẻ html Cú pháp: - Thẻ html là thẻ mở đầu của một trang web * Thẻ head Cú pháp: Là thẻ chứa các thẻ trong phần đầu của một trang html * Thẻ title Cú pháp: Thẻ title là thẻ thể hiện tiêu đề của một trang web * Thẻ meta Cú pháp: Thẻ meta là thẻ mô tả tổng quát về nội dung trang web * Thẻ link Cú pháp: Là thẻ dùng để nhúng một file bất kỳ vào trang web * Thẻ script Cú pháp: Thẻ script dùng
để nhúng các tập tin javascript vào một trang web * Thẻ style Cú pháp: Sử dụng: Dùng để bao bọc một nội dung về css * Thẻ body Cú pháp: Thẻ body là thẻ vô cùng quan trong Nó được là thẻ chứa nội dung chính của toàn website * Thẻ tiêu đề ( h1- h6 ) Cú pháp:
Nội dung
Nội dung
Nội dung
Nội dung
Nội dung
Nội dung
Sử dụng: + Là thẻ thường được sử dụng để thể hiện tiêu đề bài trên một trang web Có font chữ giảm dần
từ h1 đến h6 * Thẻ liên kết (a) Cú pháp: Nội dung Sử dụng: Thẻ a được sử dụng để thể hiện một liên kết trên một trang web Thuộc tính: Thẻ a có nhiều thuộc tính nhưng chúng ta chú ý đến hai thuộc tính quan trọng + href: Là đường dẫn hay liên kết mà chúng ta muốn kết nối đến + target : Là cách để mở ra một liên kết Nó có bốn giá trị: _blank( Mở sang cử sổ mới), _parent ( Mở ngay ở của sổ hiện tại), _self và _top Vi dụ: Liên kết tới Google tại đây * Thẻ danh sách ul,ol + Thẻ danh sách ul Cú pháp:
• Nội dung
• Nội dung
• Nội dung
• Nội dung
• Nội dung
+ Thẻ danh sách ol Cú pháp:
1 Nội dung
2 Nội dung
3 Nội dung
4 Nội dung
5 Nội dung
* Thẻ img Cú pháp: Thẻ img là thẻ đơn, được dùng để thể hiện hình ảnh trên trang web Thẻ img có 3 thuộc tính quan trọng + Thuộc tính src: là đường dần tới ảnh cần hiển thị + width: Chiều rộng của ảnh +
height: Chiều cao của ảnh * Thẻ b Cú pháp: Thẻ b là thẻ html được dùng để in đậm cho một hay nhiều
Trang 2đoạn văn bản * Thẻ i Cú pháp: Thẻ i là thẻ html được dùng để in nghiêng cho một hay nhiều đoạn văn
bản * Thẻ u Cú pháp: Thẻ u là thẻ html được dùng để gạch chân cho một hay nhiều đoạn văn bản * Thẻ
Cú pháp: Thẻ hr được dùng để tạo đường kẻ ngang * Thẻ p Cú pháp:
Nội dung
Thẻ P là thẻ chứa nội dung đoạn văn Ví dụ:
Đây là nội dung trong đoạn văn
* Thẻ pre Cú pháp:
Nội dung
Được dùng định dạng nội dung * Thẻ center Cú pháp:
Nội dung Thẻ canh giữa các đối tượng nằm bên trong * Thẻ Cú pháp: Thẻ xuống dòng * Thẻ sub và sup Cú pháp: Được dùng để tạo kiểu chữ * Thẻ div Cú pháp:
Thẻ này là thẻ thường dùng để chứa nội dung * Thẻ span Cú pháp: Thẻ chứa nội dung * Thẻ table Cú pháp:
Nội dung
Nội dung Được dùng để tạo bảng * Thẻ form Cú pháp: - Được dùng để tạo form - Thẻ form thường đi kèm với nó là những thẻ sau: , , , Q