Trình bày các bước liên kết trang web?

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

Bạn cũng có thể liên kết tới một hình ảnh bằng cách thay tên filename.htm bằng một file ảnh. Ví dụ:

   <a href = "logo.gif"> Text </a>

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 

1. Tạo liên kết bằng thẻ <A>

Các liên kết siêu văn bản trong một tài liệu HTML là để tham chiếu đến một tài liệu khác hay một phần tài liệu khác nằm trong tài liệu đó.

Liên kết siêu văn bản gồm có ba phần: giao thức, cái neo và địa chỉ hay URL

Để tạo một mối liên kết thì việc đầu tiên cần làm là thiết lập cái neo. Cặp thẻ tạo neo là <A>…</A> (Anchor). Thẻ này có nhiều thuộc tính bắt buộc phải xác định rõ, ta sẽ tìm hiểu kỹ hơn ở phần sau.

Cú pháp của thẻ <A> là:

<A href=protocol://host.domain:port/path/filename>Hypertext</A>

Trong đó:

- Protocol: đây là loại giao thức. Một số giao thức thường dùng:

+ http: giao thức truyền siêu văn bản.

+ ftp: giao thức truyền file.

+ mailto: gửi thư điện tử.

- host.domain: đây là địa chỉ Internet của máy chủ.

- port: cổng phục vụ của máy chủ đích.

- Hypertext: đây là văn bản hay hình ảnh mà người dùng cần nhấp vào để kích hoạt liên kết.

2. Thuộc tính HREF

HREF (Hypertext REFerence – tham chiếu siêu văn bản) được dùng để liên kết đến:

Một tài liệu khác (external link) hay

Một phần khác nằm trong chính tài liệu đang đọc (internal link)

Giao thức để tham chiếu HREF là HTTP. Nếu là liên kết nội tại – internal link thì không cần phải có phần giao thức.

3. Liên kết ra ngoài – External Links

Để liên kết đến một tài liệu khác, ta cần phải biết địa chỉ URL của tài liệu đích. Cũng cần phải chỉ chỗ, thường là một nhóm vài từ để làm đầu mối liên kết. Nhóm từ này sẽ đổi màu để phân biệt, con chuột trỏ vào sẽ có hình bàn tay và khi nhấn chuột thì trang siêu văn bản đích sẽ được hiển thị.

Nên chọn các từ làm đầu mối sao cho gợi tả và sao cho tự nhiên, không ảnh hưởng đến nội dung và ý nghĩa của câu văn. Tránh sử dụng lặp đi lặp lại câu "nhấn vào đây" khi tạo đầu mối liên kết.

Cú pháp để tạo ra một mối liên kết tới tài liệu khác - liên kết ra ngoài - là như sau:

<A HREF="URL"> Nhóm từ đầu mối liên kết</A>

4. Địa chỉ tuyệt đối

Khi liên kết tới một tệp nằm ở ngoài máy tính cục bộ ta phải nêu rõ giao thức và đầy đủ địa chỉ URL của tệp đích.

<A HREF="full URL">... </A>

Ví dụ 4.5:

<A HREF="http://www.vnu.edu.vn/index.html>ĐHQG Hà Nội</A>

5. Địa chỉ tương đối

Nếu liên kết đến một tệp ở ngay trên máy chủ của bạn thì không cần dùng địa chỉ URL tuyệt đối mà dùng địa chỉ tương đối. Thay cho URL là tên tệp cùng với đường đẫn đến thư mục nơi chứa tệp đích.

<A HREF="path & filename">... </A>

Ví dụ 4.6:

<A HREF="examples/exam1.htm">Ví dụ 1</A>

6. Liên kết nội tại – Internal Links

Cũng có thể tạo mối liên kết trong bản thân tài liệu siêu văn bản, từ phần này đến phần khác. Điều này rất có ích khi tài liệu có kích thước lớn. Ta có thể tạo mục lục toàn bộ nội dung trên phần đầu trang gồm tên các chương và liên kết từng tên chương đến phần nội dung tương ứng.

Để làm điều này, ta phải thực hiện theo 2 bước sau:

i) Tạo anchor (tạo một điểm đánh dấu cần liên kết tới).

<A name=”anchor name”>từ hoặc ảnh cần được liên kết tới</A>

Trong đó: ”anchor name” là tên được dùng (cho thuộc tính href  của thẻ <A> trong bước 2) để chỉ ra vị trí cần tới trên trang Web.

ii) Sau đó tạo một liên kết đến anchor đó.

Khi đã tạo được anchor, ta có thể định nghĩa một kết nối mà chỉ cần nhấn vào, người sử dụng sẽ được đưa thẳng tới bộ phận có chứa anchor của tài liệu.

<A href=”#anchor name”>tên liên kết</A>

Trong đó: ”anchor name” là tên của phần đích (tên này đã được xác định trong bước 1).

1. Chọn văn bản hoặc hình ảnh cần tạo liên kết

2. nháy nút lệnh Hyperlink

3. nhập địa chỉ liên kết

4. nháy Ok