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=" Nhật Quang</option>
Chú ý: ở đây bạn đã nhận ra 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=" Nhật
Quang</option><option value="">Vietnamnet</option> <option
value="">VnExpress</option><option value="">Thanh
Niên</option><option value="">Dân trí</option><option
value="">Tuổi trẻ Online</option><option value="
phong Online</option><option value="">Việt báo</option><option
value=" mới</option><option
value=" dân Online</option><option
value=" đội nhân dân</option><option
value=" thao - Văn hóa</option><option
value=" động</option><option
value=" ninh thế giới</option><option
value=" nữ Việt nam</option><option
value=" khoẻ đời sống</option> </select>
.....................................................................................................
Chúc các bạn thành công.