Trang chủ Đăng nhập
Cùng chơi Army2 sv Trái Quýt, free xu, lượng...
Chủ đề: Bài 3 - Cách tạo liên kết (hyper link) tới các trang web khác
xchieclax xchieclax (SV!) [Off] [#] (14.04.2015 / 13:17)
Đang tìm người yêu
Cách tạo liên kết (hyper link) tới các trang web khác

Sau khi có tranh ảnh và bài viết, chắc bạn cũng muốn có một vài links tới các trang khác. Trang của bạn và những trang mà bạn thích. Rồi cũng phải có một chỗ mà người đến thăm chỉ cần click vào đó là có thể viết thư cho bạn. Chỗ đó có thể là một từ, một câu hay một bức ảnh. Trang này bạn đang xem dở nhưng bạn vẫn có thể ngó qua Bạn cần [Đăng nhập] để thấy link! một chút. Sau đây là html code liên kết trên.

  1. link text [<a href="http://giaoluukb.cf/bai-2--cach-dua-tranh-anh-vao-mot-trang-web-1522.html">bài trước</a>] một chút.
  2.  
  3. link hình ảnh <a href="http://giaoluukb.cf/bai-2--cach-dua-tranh-anh-vao-mot-trang-web-1522.html"><img src="http://giaoluukb.cf/images/atvn100.png" border="0" alt="Hình ảnh"></a>


Dùng cặp thẻ <A> </A> , bạn có thể biến nhiều objects thành links. Chỉ cần click vào đó là bạn đã bước sang trang khác. Links không chỉ giới hạn trong website của bạn, nó có thể đưa bạn đi khắp nơi trên internet. Sau đây là code của một trang với links tới các trang khác, ví dụ trang web của [Giao lưu kết bạn]:

  1. Ví dụ trang web của [<a href="" target="_new">Giao lưu kết bạn</a>]:


Ở ví dụ trên, bạn thấy một đoạn code mới, đó là target="_new". Nếu biết tiếng Anh, chắc bạn cũng suy ra được ý nghĩa của đoạn code đó. Nó có tác dụng chỉ cho trình duyệt (browser) biết sẽ phải mở trang web đó trong một cửa sổ mới (target = đích, new = mới). Target còn có thể mang những giá trị sau: "_blank" (như "_new"), "_top", "_parent", "_self" (3 giá trị này chỉ dùng cho những trang web có chứa frame - sẽ đề cập đến sau).

Và đây là cách tạo một email-link:

Chắc bạn cũng thấy trên nhiều trang web có những link mà chỉ cần click vào nó là chương trình e-mail tự động mở ra cho bạn viết thư tới một địa chỉ đã được định sẵn, nhiều khi tiêu đề (subject) của e-mail cũng đã có sẵn. Click [vào đây] hoặc vào biểu tượng bên để gửi e-mail cho tôi.

  1. <html>
  2. <body bgcolor="white" link="blue" alink="white">
  3. <font face="verdana" size="2">
  4. Click [<a href="mailto:chiecladangroi@yahoo.com">vào đây</a>] hoặc vào biểu tượng bên để gửi e-mail cho tôi. <a href="mailto:chiecladangroi@yahoo.com?subject=Test&body=This is a test"><img src="mail_button.jpg" border="0"></a>
  5. </font>
  6. </body>
  7. </html>


Thay vì địa chỉ một trang web, bạn chỉ cần đưa mailto: và địa chỉ e-mail, muốn có subject và text sẵn, chỉ cần thêm ?subject=tiêu đề&body=text

Màu của liên kết:

Trong trang web này, bạn thấy liên kết nào cũng màu xanh, gõ vào thì thành màu trắng, sau khi gõ thì màu xám. Ðiều đó được thực hiện bởi các đoạn code sau (trong body tag): (alink= active link, vlink= visited link)

ImageMap - thoạt nhìn thì phức tạp nhưng lại rất đơn giản

Trên một số trang web, bạn thấy một bức tranh mà khi gõ chuột vào mỗi góc có thể tới một trang mới. Ở đó người ta sử dụng một bức tranh, một tấm ảnh để làm liên kết. Ðể định vị từng khu vực trên bức ảnh, người ta sử dụng tọa độ của từng khu vực đó. Cái đó gọi là ImageMap, sử dụng Code sau:

  1. <img src="hinhminhhoa.gif" width="200" height="200" border="0" usemap="#Hillary">
  2.  
  3. <map name="Hilarry">
  4. <area href="link_1.htm" alt="Trang web 1" shape="rect" coords="29,24,82,52">
  5. <area href="link_2.htm" alt="Trang web 2" shape="rect" coords="25,58,82,84">
  6. <area href="link_3.htm" alt="Trang web 3" shape="rect" coords="25,82,81,103">
  7. <area href="link_4.htm" alt="Trang web 4" shape="rect" coords="33,106,84,140">
  8. </map>


Trong đó bạn đặt một bức ảnh là MAP bằng USERMAP: usemap="#Hillary", chia phần trên map bằng AREA, quy định tọa độ của từng phần trên map bằng COORDS: coords="29,24,82,52", quy định liên kết của từng phần bằng TAG quen thuộc HREF, định hình cho từng phần bằng SHAPE: shape="rect". SHAP còn có thể mang giá trị circle (tròn) , poly (polygon = đa giác). Bạn có thể sử dụng COORDS như sau:

Nếu shape = "rect": coords="x1,y1,x2,y2", trong đó x1,y1 là tọa độ góc trên bên trái và x2,y2 là tọa độ của góc dưới bên phải của hình chữ nhật tính từ góc trên bên trái của bức ảnh.

Nếu shape = "circle": coords="x,y,r", trong đó x,y là tọa độ của tâm hình tròn tính từ góc trên bên trái của bức ảnh và r là bán kính hình tròn.

Nếu shape = "poly": coords="x1,y1,x2,y2,...,xn,yn", trong đó xn,yn là tọa độ của từng góc của đa giác tính từ góc trên bên trái của bức ảnh.

Ðể tính được tọa độ của từng AREA, bạn dùng một phần mềm xử lý ảnh như Corel PhotoPaint 10, PaintShop Pro 7... hoặc phải đoán và thử dựa vào kích cỡ của bức ảnh. Hãy gõ vào minh họa bên để xem chi tiết.
Quay lại chủ đề

Trong diễn đàn

1 / 6
Mod by Anh Toàn, Powered by JohnCMS
AnhToàn 2014-2024 © JohnCMS 6.2.0