- Thẻ div là một trong những thẻ khá là đặc biệt trong html, ngày càng được sử dụng nhiều hơn và được nhiều người đánh giá rất cao về mặt công dụng trình bày.
- Các lão làng trong thiết kế thường dùng các thẻ div rất nhiều thay vì các thẻ table..
- Thẻ div thật ra là layer(lớp), thẻ div có thể chứa mọi thành phần html khác, nó đơn thuần giống như một tag body nhưng linh động hơn để hiểu tại sao gọi là lớp thì các bạn xem ví dụ này nhé, khoan hảy thắc mắc các thuộc tính bên trong, tìm mọi nơi trên top forum nhé..
- id="layer1">.
- id="layer2">.
- <font color="#FF0000">tiền không có thì đừng có đòi yêu</font><p>.
- <font color="#FF0000">tiền tải nổi lên trên tình yêu thật sự</font>.
- Thuộc tính của thẻ div.
- Thẻ div có các thuộc tính cơ bản như : id.
- trong đó thuộc tính style là thuộc tính đặc biệt nhất.
- một ví dục ho thuộc tính style:.
- Thật ra đa số các phần tử html đều có thuộc tính style, nhưng vì nó khá rắc rối và liên quan tới.
- Trong thẻ div này có nhiều phần tử được ngăn cách nhau bởi dấu.
- giá trị của chúng nằm phía sau dấu : ở mỗi phần tử..
- _width,height: khá quen thuộc, có lẽ cũng không cần ói tới, thẻ div mặc định vô hình , phải có thêm màu nền để thấy được kích thước của nó..
- _background-color: hãy đặt giá trị màu vào sau dấu.
- background-image:url('/image003.png') _position:cung cấp điểm tham chiếu cho thẻ div..
- position: absolute: điểm tham chiếu vị trí cho thẻ div là góc tái phía trên của cửa sổ trình duyệt.
- các thành phần top,left(từ trên xuống bao nhiêu, từ trái qua bao nhiêu) xác định vị trí của thẻ div ngoài ra còn có bottom và right, tuỳ mục đích mà bạn dùng tới..
- _visibility: có hai giá trị: visible và hidden, bạn làm mọi việc để định dạng thẻ div, nhưng nếu để giá trị của thành phần này là hidden thì sẻ chằng ai trong thấy nó.
- _z-index: bạn chồng hai thẻ div lên nhau bằng cách cho các phần tử chỉ vị trí nó giống hệt nhau, thẻ div nào có giá trị z-index lớn hơn thì sẽ ổi len trên.
- Nếu z-index mà là số âm, thì thẻ div sẻ chìm xuống dưới các phần tử html khác, thuộc tính này khá thú vị!.
- Phối hợp với javascript ta có thể khiến thẻ div ẩn hiện, ứng dụng này rất hay, các bạn hãy tìm hiểu thêm về javascript tại đây nhé: http://hocvui.net/javascript/.
- <input>.
- cái thẻ input này hiễn thị ra được nhiều thứ lắm, nhờ giá thuộc tính type, vừa ví dụ vừa kể luôn một số loại phổ biến:.
- <input type="text".
- Có thể đặt sẵn chữ vào trong cái ô đó bằng cách thêm thuộc tính value với giá trị là cái gì bạn muốn hiễn thị..
- value="Điền cái gì đó vào đây"/>.
- <input type="password".
- name="type_pass"/>.
- <input type="checkbox".
- có thể cho cái nut này được đánh dấu sẵn bằng cách thêm vào code từ checked="yes".
- checked="yes".
- Ta thường thêm giá trị mặc định vào check box với thuộc tính value để xử lí khi form được truyền đi, giá trị này chỉ được truyền đi khi checkbox được chọn, và gái trị này dĩ nhiên là không hiện ra màn hình..
- radio là nhón nút, ví dụ như làm trắc nghiệm loại chỉ có duy nhất 1 đáp án đúng thì ta dùng các nút radio, các nút radio phải có cùng tên để có và giá trị khác nhau kết quả:.
- <input type="radio".
- hãy chọn thử bất kì một nút, rồi chọn nút khác, bạn sẽ thấy một lúc chỉ có thể chọn một nút, cụ thể chỉ có thể chọn một nút trong nhóm nút có cùng tên.
- Cũng có thể chọn trước một nút bất kì bằng cách thêm thuộc tính checked="yes".
- Khi đã điền hết các chỗ mà người ta cho bạn điền, mà muốn xoá điền lại cho lẹ thì dùng cái này, nó sẽ xoá tráng các giá trị.
- <input type="reset".
- khác thấy, tất nhiên là nó cần có thuộc tính value để làm nên việc, tại sao lại cần đến nó ưu, bài học ở các ngôn ngữ sau sẽ giải thích!.
- <input type="hidden".
- <input type="submit".
- <select>.
- <option>Người yêu</option>.
- <option>Bạn bè</option>.
- <option>Gia đình</option>.
- </select>.
- Ngư?i yêu Bên trong tag select ta có thể định dạng cho....à...ờ, xem ví dụ nhé Code: [Select].
- </select>.
- Ngu?i yêu Nếu muốn người dùng chọn được nhiều kết quả cùng lúc bằng cách giữ phím Ctrl+Click chọn, ta thêm thuộc tính multiple="yes".
- multiple="yes">.
- ta có thể quyết định những cái nào được chọn với giá trị selected="yes".
- <select multiple="yes">.
- <option selected="yes">Người yêu</option>.
- <option selected="yes">Bạn bè</option>.
- <option selected="yes">Gia đình</option>.
- Ngu?i yêu Chú ý: trong thực tế ta cần đặt thuộc tính name trên tag mở select và thuộc tính value ở mỗi option, khi form được gửi đi, giá trị của phần tử select chính là giá trị tương ứng của option được chọn