- "[thuộc tính*=giá trị]" Chọn tất cả các thành phần với thuộc tính có giá trị đặc biệt bằng "giá trị"
Giá trị đặc biệt bằng "giá trị" có thể là
- giá trị
- giá trị abc
- giá trị abc
- abc_value
- abc-giá trị-def
- abc_value_def
- giá trị-abc
- giá trị_abc
- giá trịabc
- giá trị-abc
- giá trị_abc
Ghi chú. blue color is select
Trong bài này chúng ta sẽ tìm hiểu thuộc tính trong HTML, cũng như qua đó sẽ giúp bạn phân biệt được các phần tử HTML
Bài viết này đã được đăng tại freetuts. net , không được sao chép dưới mọi hình thức.
Trong bài HTML là gì mình đã nói rằng HTML bản chất giống XML nên nó được tạo thành từ hai thành phần chính, đó là tên thẻ [tagname] và các thuộc tính [thuộc tính]. Đối với XML thì thẻ tên ta có thể tự định nghĩa, nhưng với HTML thì bạn phải sử dụng tên thẻ có trong danh sách Các phần tử HTML. Nếu không, trình duyệt sẽ không hiểu thẻ mà bạn đang sử dụng là gì để xuất ra một định dạng phù hợp
Vậy thuộc tính trong HTML là gì và phần tử HTML là gì thì chúng ta cùng tìm hiểu ngay nhé
1. Phần tử html là gì?
Phần tử html chính là danh sách các thẻ html mà trình duyệt hỗ trợ, và nó cũng nằm trong danh sách các thẻ html mà WWW đã định sẵn
Bài viết này đã được đăng tại [free tuts. bọc lưới]
Danh sách các thẻ HTML rất là nhiều nên rất khó để liệt kê và hướng dẫn sử dụng. Vì vậy, mình chỉ liệt kê một số thẻ thôi, và trong các bài viết tiếp theo mình sẽ giới thiệu tiếp
name tag
Tên thẻ HTML phải nằm trong danh sách của riêng nó, ví dụ
- html
- thân thể
- cái đầu
- Tiêu đề
- meta
- h1
- h2
- h3
- h4
- h5
- h6
- p
- div
- cái bàn
- tr
- td
- ...
Mình không thể liệt kê hết các bảng kê mà sẽ trình bày dần dần trong các bài tiếp theo
Thẻ mở và thẻ đóng
Thẻ sẽ có thẻ mở [opentag] và thẻ đóng [ thẻ đóng ]. Ví dụ với thẻ
1 thì mình sẽ viết như sau.Nội dung bên trong
Closetag tag [thẻ đóng nhanh]
Cũng có một số thẻ sẽ trống thẻ đóng, loại thẻ này ta gọi là thẻ đóng nhanh, nghĩa là nó chỉ tồn tại ở thẻ mở thì ta sẽ viết như sau
Ví dụ. Các thẻ đầu vào, meta, liên kết
Tag lồng trong thẻ
Các thẻ HTML sẽ được lồng vào nhau để tạo thành một bổ sung chung, chắc chắn rằng thẻ con này sẽ bao trùm toàn bộ thẻ cha
Ví dụ
Do đó, trong quá trình viết mã HTML, bạn không được bỏ quên thẻ đóng nhé, vì như vậy giao diện sẽ dễ bị hỏng. Trường hợp thẻ khuyết thẻ đóng thì ta sẽ sử dụng cú pháp quick closetag
2. Thuộc tính trong HTML
Ta có thể ví mỗi thẻ HTML là một đối tượng. Lúc này các đối tượng HTML sẽ có các thuộc tính để mô tả cho nó. Ví dụ thẻ
2 thì nó có các thuộc tính như sau- Tên. Dùng để khai báo tên
- loại. Use to set up the type
- Tôi. Use to set the key name for tag
- giá trị. Use to tuyên bố giá trị cho thẻ
Ví dụ RUN
Chạy lên, bạn sẽ thấy xuất hiện một ô văn bản và bạn có thể nhập dữ liệu vào ô này
Flashing menu and flashing double
Những bạn mới học sẽ dễ gặp phải lỗi này nhất. Mỗi thuộc tính trong HTML sẽ có cấu trúc
3 hoặc 0. Nếu bạn sử dụng dấu nháy đơn 1 để bao xung quanh giá trị, thì giá trị của giá trị không được chứa dấu nháy đơn. Ngược lại, nếu sử dụng dấu nháy kép 2 thì giá trị không được xuất hiện dấu nháy képVí dụ RUN
________số 8Vì vậy, sau khi bạn muốn hiển thị dữ liệu trong cơ sở dữ liệu bằng phụ trợ ngôn ngữ như PHP, JSP, thì phải chuyển các dấu đó sang một định dạng khác
Thuộc tính mở rộng
Mỗi thẻ HTML chỉ chấp nhận một số thuộc tính nhất định của riêng nó. Nhưng nếu bạn muốn định nghĩa thêm một thuộc tính khác thì hoàn toàn được. Tuy nhiên, trình duyệt sẽ không hiểu các thuộc tính nên sẽ không có tác dụng gì. Vì vậy, thông thường ta sẽ kết hợp các thuộc tính định nghĩa với Javascript để xử lý các bài toán. Vấn đề này ta sẽ tìm hiểu ở những bài khác nhé
Ví dụ. Trong thẻ đầu vào không có thuộc tính
3 nhưng ta cũng có thể thêm vào được, tuy nhiên lúc chạy lên sẽ không có tác dụng gìBản trình diễn CHẠY
03. Lời kết
Như vậy trong bài viết này mình đã giới thiệu với bạn cách đặt tên thẻ HTML và các thuộc tính riêng của nó. Bài này vẫn chưa đi sâu vào các thẻ thông dụng nên vẫn còn hơi chán chút xíu nhưng bạn phải hiểu các quy tắc trên thì ở các bài tiếp theo bạn mới dễ học
Bài tiếp theo chúng ta sẽ tìm hiểu các thẻ HTML thông thường hay được sử dụng khi chuyển từ file PSD sang HTML