Thuộc tính từ html
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 tagTên thẻ HTML phải nằm trong danh sách của riêng nó, ví dụ
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ẻ đóngThẻ sẽ có thẻ mở (opentag) và thẻ đóng ( thẻ đóng ). Ví dụ với thẻ 1 thì mình sẽ viết như sau.
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 HTMLTa 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
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 doubleNhữ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ép Ví 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ộngMỗ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 0 3. Lời kếtNhư 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 |
