HTML căn bản : Liên kết tới một file cục bộ.

Bây giờ bạn bắt đầu tạo một liên kết từ trang Web của bạn đến một trang Web thứ hai. Liên kết này được gọi là cục bộ bởi vì trang Web thứ hai cũng cùng nằm trên một máy với trang Web đầu.
Ðể đơn giản trước hết bạn tạo một file HTML thứ hai và đặt nó cùng folder với trang mà bạn đã tạo ở các bài trước.
Muốn tạo một siêu liên kết ta dùng
<a href = "filename.htm"> Văn bản đại diện cho mối liên kết </a>
Bất cứ đoạn văn bản nào nằm giữa
<a href = " " > và </a> đều là một siêu văn bản liên kết tới các trang Web khác và nó được gạch dưới.

Thực hành

1.Tạo một trang Web khác giả sử là vidu.htm và lưu vào cùng Folder với trang Web của bạn.

2.Trong trang Web mà bạn cần tạo siêu liên kết tới bạn thêm tag tạo siêu liên kết như sau :

<a href = "vidu.htm">Xem ví dụ 1</a>

3.Lưu lại công việc của bạn và mở trên trình duyệt. Khi đó bạn sẽ thấy đoạn văn bản Xem ví dụ được tạo thành siêu liên kết, nó được đổi thành màu xanh và khi bạn đưa chuột vào vùng văn bản này thì chuột bị đổi thành hình bàn tay và nếu bạn bấm chuột thì sẽ được đưa tới trang có tên là vidu.htm

Tới đây chắc bạn lại có thắc mắc, muốn liên kết tới thư mục khác hoặc thư mục cao hơn thì làm thế nào? Ðể thực hiện điều đó mời bạn xem tiếp phần sau đây.

Giả sử cấu trúc folder của bạn có dạng

|--My Web
|       |--Pictures
|       |         |--i-today.gif
|       |--Trang web của bạn ở vị trí này  

Và bạn muốn liên kết tới I-today.gif, khi đó trang tag <a href ..> bạn sửa lại như sau
<a href = "Pictures/i-today.gif"> ... </a>
Còn trong trường hợp file bạn cần tạo liên kết có cấu trúc folder cao hơn 

Ví dụ:
|--Pictures1
|--My Web
|       |--Pictures
|       |         |--i-today.gif
|       |--Trang web của bạn ở vị trí này

và bạn cần liên kết tới ảnh ở trong Folder Pictures1 có cấp cao hơn thư mục chứa trang Web của bạn, khi đó bạn cần sửa lại tag như sau:

<a href = "../pictures1/..">  </a>

mỗi lần xuất hiện "../" báo cáo cho trình duyệt tìm kiếm ở một folder có cấp cao hơn.