Code hay cho web (phần 4)

Hướng dẫn tạo Box dropdown ( Liên kết websites ) Xin chào các bạn, gần đây có nhiều bạn mới lập trang riêng có hỏi về cách thiết lập hộp liên kết xổ ra ( dropdown box ) . Tôi nghĩ chủ đề này không mới, nhưng lại rất cần cho những người mới "vào nghề". Nó làm cho trang web của chúng ta gọn gàng mà lại mang tính thẩm mỹ cao. Vì vậy tôi xin hướng dẫn cách làm như sau: Ta coi đoạn code gồm có 3 phần: 1- Phần 1: . <select id="Select1"onchange="window.open(this.options[this.selectedIndex].value,'_blank');this.options[ 0].selected=true" style="width: 180; " class="text_noresize" name="select"><option selected="selected">Điểm báo online</option><option value="about:Tabs">-------------------------- </option> Chú ý: Bạn có thể thay chữ : Điểm báo online bằng gì cũng được. Nên nhớ nó sẽ hiện trên box để ta biết được đó là liên kết gì. 2- Phần 2: Tạo liên kết cho từng mục. <option value="http://violet.vn/phamnhatquang619/">Phạm Nhật Quang</option> Chú ý: ở đây bạn đã nhận ra http://violet.vn/phamnhatquang619/ là địa chỉ của trang web. Còn “Phạm Nhật Quang” là tên sẽ được hiển thi trong box của ta. Lặp lại và thay đổi những liên kết cần thiết nếu cần. 3- Phần 3: Cuối đoạn code </select> 4- Kết luận: Nối 3 đoạn của 3 phần trên ta được một dropdown box thật tuyệt vời. 5- Lưu ý: + Nếu muốn làm 2 hay nhiều hơn các box bạn phải thực hiện lại các bước trên. + Dấu cách và xuống hàng trong HTML code không quan trọng, do vậy ta nên soạn thảo trên Word là thích hợp nhất ( font UNICODE ) + Nếu bạn nào ngại vất vả thì test thử đoạn code của DIỄN ĐÀN TƯ VẤN TIN HỌC xem sao nhé. <select id="Select1"onchange="window.open(this.options[this.selectedIndex].value,'_blank');this.options[ 0].selected=true" style="width: 180; " class="text_noresize" name="select"><option selected="selected">Điểm báo online</option><option value="about:Tabs">-------------------------- </option> <option value="http://violet.vn/phamnhatquang619/">Phạm Nhật Quang</option><option value="http://vietnamnet.vn">Vietnamnet</option> <option value="http://vnexpress.net">VnExpress</option><option value="http://thanhnien.com.vn">Thanh Niên</option><option value="http://dantri.com.vn">Dân trí</option><option value="http://tuoitre.com.vn">Tuổi trẻ Online</option><option value="http://tienphong.vn/">Tiền phong Online</option><option value="http://vietbao.vn">Việt báo</option><option value="http://www.baomoi.com/">Báo mới</option><option value="http://www.nhandan.org.vn/">Nhân dân Online</option><option value="http://www.qdnd.vn/qdnd/baongay.qdnd">Quân đội nhân dân</option><option value="http://www.thethaovanhoa.vn/">Thể thao - Văn hóa</option><option value="http://www.laodong.com.vn/">Lao động</option><option value="http://antg.cand.com.vn/">An ninh thế giới</option><option value="http://www.thegioiphunu-pnvn.com.vn/">Phụ nữ Việt nam</option><option value="http://suckhoedoisong.vn/home.htm">Sức khoẻ đời sống</option> </select> . Chúc các bạn thành công. . Tôi nghĩ chủ đề này không mới, nhưng lại rất cần cho những người mới "vào nghề". Nó làm cho trang web của chúng ta gọn gàng mà lại mang tính thẩm. trang web. Còn “Phạm Nhật Quang” là tên sẽ được hiển thi trong box của ta. Lặp lại và thay đổi những liên kết cần thiết nếu cần. 3- Phần 3: Cuối đoạn code