To các siêu liên tb ng hình nhạ ả

Một phần của tài liệu lập trình web căn bản - dễ hiểu (Trang 28 - 30)

10. To các siêu liê nk tạ ế

10.4. To các siêu liên tb ng hình nhạ ả

Nh b n v n thư ạ ẫ ường th y trong các trang Web, các siêu liên k t không ch làấ ế ỉ các đo n văn b n mà còn c b ng hình nh n a, đi u này càng làm cho Webạ ả ả ằ ả ữ ề

tr nên h p d n. Ph n này gi i thi u cho b n cách t o các siêu liên k t b ngở ấ ẫ ầ ớ ệ ạ ạ ế ằ hình nh:ả

Vi c đ u tiên là b n ch n 1 nh n m cùng th m c /folder v i trang Web c aệ ầ ạ ọ ả ằ ư ụ ớ ủ b n, gi s đó là graph.jpg. Khi đó b n s d ng các Tag nh sauạ ả ử ạ ử ụ ư

<a href = "file.htm"> <img ser = "graph.jpg"></a>

B n l u ý là tag <img..> ạ ư n m gi a tag <a href ...> và </a>ằ ữ

Khi m t nh độ ả ược dùng làm siêu liên k t, s có m t h p màu có màu c a cácế ẽ ộ ộ ủ siêu liên k t bao quanh nhế ả

L u ý:ư Vi c đ a m t hình nh l n vào trong trang Web làm cho ngệ ư ộ ả ớ ườ ọi đ c ph iả m t th i gian ch t i vì v y b n nên s d ng m t s m o sau:ấ ờ ờ ả ậ ạ ử ụ ộ ố ẹ

1. Ð đ phòng ngể ề ườ ọ ấi đ c t t ch đ hi n th hình nh c a trình duy t, b n nênế ộ ể ị ả ủ ệ ạ thêm thu c tính alt = "..." vào tag <img...> đ ngộ ể ườ ọi đ c d đ nh hễ ị ướng

2. Khi c n gi i thi u m t hình nh l n, b n nên t o m t hình nh thu nh c aầ ớ ệ ộ ả ớ ạ ạ ộ ả ỏ ủ nó và đ a vào trang Web làm siêu liên k t t i nh l n, nh th đ m t th i gianư ế ớ ả ớ ư ế ỡ ấ ờ download trang Web c a b n, ví d b n hãy Click chu t vào nh sau :ủ ạ ụ ạ ộ ả

Th c hành

Bây gi b n hãy t o m t file HTML mà ph n đ u đờ ạ ạ ộ ầ ầ ược trình bày theo ki u m cể ụ l c, m i m c liên k t t i ph n n i dung tụ ỗ ụ ế ớ ầ ộ ương ng trong cùng văn b n, cu iứ ả ở ố m i ph n n i dung có m t nh làm siêu liên k t đ báo quay tr l i đ u tài li u.ỗ ầ ộ ộ ả ế ể ở ạ ầ ệ Trông gi ng nh sauố ư

B n quy n Công ty Phát tri n Ph n m m (VASC) ả ề ể ầ ềE-mail: i-today@vasc.vnn.vn E-mail: i-today@vasc.vnn.vn

Một phần của tài liệu lập trình web căn bản - dễ hiểu (Trang 28 - 30)

Tải bản đầy đủ (PDF)

(64 trang)