intTypePromotion=1
zunia.vn Tuyển sinh 2024 dành cho Gen-Z zunia.vn zunia.vn
ADSENSE

Hyperlink

Chia sẻ: Nguyễn Vũ Minh Tâm | Ngày: | Loại File: PDF | Số trang:14

105
lượt xem
6
download
 
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

Web được xây dựng trên nguồn lực của hyperlinks – Links cung cấp cách để đi từ một tài liệu đến một tài liệu khác – Browsers cung cấp những cách dễ để sử dụng links, như click chuột • Links tạo mối quan hệ giữa các trang trang

Chủ đề:
Lưu

Nội dung Text: Hyperlink

  1. Hyperlink Khoa Công nghệ Thông tin ThS. Nguyễn Văn Lót
  2. Hyperlinks • Web được xây dựng trên nguồn lực của hyperlinks – Links cung cấp cách để đi từ một tài liệu đến một tài liệu khác – Browsers cung cấp những cách dễ để sử dụng links, như click chuột • Links tạo mối quan hệ giữa các trang trang
  3. Tạo một “Anchor” hyperlinks • Phần tử hyperlinks – … • Thuộc tính – Href chỉ định đích đến như một URL – Title: đưa ra thông tin ghi chú về một link – Target chỉ định nơi hiển thị thông tin được nhận từ URL • _blank, [tên frame], _parent, _self, _top
  4. Links đến trang khác • Một web site thường phải có các liên kết giữa các trang • Nếu tất cả các trang nằm trong cùng folder, thì links có thể là
  5. Links đến trang khác • Nếu các trang được định vị trên máy khác, chúng ta phải bao gồm địa chỉ(domain) của may tính cũng như tên của tài liệu – The Latest News Update! • Link đến – Máy tính khác www.home.com – Với đường dẫn “news/” – Cho file “update.htm”
  6. Title • Được hiển thị như ghi chú • Home Page
  7. Links đến các mục
  8. Links đến các mục • Nếu các mục có một ID hoặc Name duy nhất trong trang thì chúng ta có thể link trực tiếp đến mục đó • Chúng ta sử dụng “#” trong URL để đi đến mục đó – Introduction – Intro có thể là ID hoặc Name • Href có thể là tương đối – Introduction – Introduction
  9. Links đến các mục • Chúng ta phải xác định các mục mà chúng ta muốn link đến • Đặt vị trí của điểm đến – Introduction • Các phần tử của một trang có thể được xác định bởi ID – Introduction • Sử dụng ID như điểm đến, không phải Name trong XHTML
  10. Đường dẫn: Tương đối và tuyệt đối • Đường dẫn của một link có thể là “relative” hoặc “absolute” đến một trang • Relative – Tương đối – Images/home.jpg – News/03.htm – ../contact.htm – ../../../home.htm • Absolute – Tuyệt đối – /home.htm – /images.home.jpg – /news/03.htm
  11. Đường dẫn: Tương đối và tuyệt đối
  12. CSS Hyperlink • Có 4 trạng thái của hyperlink mà chúng ta có thể sử dụng – A:link: chưa được viến thăm – A:visited: được viến thăm – A:hover: con trỏ trên link – A:Active: được click
  13. CSS Hyperlink • Ví dụ – A:link, a:visited{ Background-color:black;} – A:hover, a:active {background-color: red;} • Bạn có thể xóa bỏ gạch dưới của link bởi – Text-decoration:none
ADSENSE

CÓ THỂ BẠN MUỐN DOWNLOAD

 

Đồng bộ tài khoản
2=>2