Đường dẫn là dãy tên các thư mục lồng nhau đặt cách nhau bởi dấu \, bắt đầu từ thư mục xuất phát nào đó và kết thúc bằng một thư mục hoặc tệp tin để chỉ đương tới thư mục hoặc các tệp tương ứng.

Đường dẫn là dãy tên các thư mục lồng nhau đặt cách nhau bởi dấu \, bắt đầu từ thư mục xuất phát nào đó và kết thúc bằng một thư mục hoặc tệp tin để chỉ đương tới thư mục hoặc các tệp tương ứng.

Ðường dẫn (path)
Ðường dẫn là lệnh chỉ dẫn lộ trình cho phép ta từ thư mục bất kỳ có thể đến trực tiếp thư mục cần truy xuất. Có 2 loại đường dẫn có thể sử dụng trong MS - DOS là: đường dẫn (path) và tên đường dẫn (pathname).
Ðường dẫn một dãy các thư mục bắt đầu từ thư mục gốc đến các thư mục con và nối tiếp nhau bởi dấu \, thư mục đứng sau là con của thư mục đứng trước. Nói cách khác, đường dẫn dùng để chỉ định thư mục cần đến.
Cú pháp Ðường dẫn: path [drive:][\directory][\sub-dir ...]

Ví dụ 4.3: C:\>path PASCAL\MAIN
Tên đường dẫn tương tự như đường dẫn nhưng kết thúc bằng tên file ở cuối cùng là. Ðường dẫn kết thúc bằng tên file cần truy xuất.
Cú pháp Tên đường dẫn: path[drive:][\directory][\sub-dir ...]<\filename>
Ví dụ 4.4: C:\>path C:\PASCAL\MAIN\TURBO.EXE

ĐƯỜNG DẪN THƯ MỤC, CÂY THƯ MỤC, ĐƯỜNG DẪN TẬP TIN

Admin 1/25/2016 3:12:01 PM. Lý Thuyết Tin Học A

Đường dẫn thư mục (folder path)

Đường dẫn thư mục cho biết thư mục được lưu trên ổ đĩa nào, được chứa trong thư mục nào (nếu có).

Đường dẫn thư mục có cấu trúc: :\[\][thư mục cấp 2][\][thư mục cấp 3]... Ví dụ C:\Program Files, hoặc D:\Setup\Office 2010, ....

Nếu biết chính xác đường dẫn thư mục người sử dụng có thể truy cập nhanh đến thư mục đó bằng cửa sổ Run, bằng thanh địa chỉ của phần mềm quản lý tập tin, thư mục Windows Explorer,...

Cây thư mục

Cây thư mục là hình thức thể hiện trực quan của đường dẫn thư mục, cây thư mục thường xuất hiện trong các hộp thoại Browse folders để người sử dụng dễ dàng truy cập.

Kích đúp vào thư mục để sổ các thư mục con (nếu có) của thư mục đó. Hoặc dùng nhấn phím Enter hoặc nhấn phím +

Kích đúp vào thư mục lần nữa để thu họn các thành thư mục (ẩn thư mục con). Hoặc nhấn Enter hoặc nhấn phím -

Hình 2

Đường dẫn tập tin (file path)

Tương tự đường dẫn tập tin cho biết tập tin được lưu trên ổ đĩa nào, được lưu trong thư mục nào (nếu có).

Đường dẫn thư mục có cấu trúc: <Đường dẫn thư mục>\. Ví dụ D:\Setup\Office 2010\Setup.exe

Người sử dụng có thể dùng đường dẫn để mở tập tin bằng cửa sổ Run hoặc bằng thanh địa chỉ của phần mềm quản lý tập tin, thư mục Windows Explorer.

Liên kết, đường dẫn tuyệt đối, đường dẫn tương đối trong HTML

Bài trước Bài kế tiếp

Liên kết là gì?

Liên kết được dùng để chuyển sang một trang web khác (hoặc một nguồn tài nguyên khác như: hình ảnh, video, file nhạc,....)

Liên kết có thể được đại diện bởi:

• Một cụm từ: Click vào đây
• Hoặc một hình ảnh:

Cách tạo một liên kết

Để tạo một liên kết, ta sử dụng cú pháp dưới đây:

<a href="URL" target="kiểu mở liên kết">Nội dung đại diện cho liên kết</a>

Trong đó:

• URL là địa chỉ của trang web mà bạn muốn chuyển đến khi người dùng bấm vào liên kết.
• Kiểu mở liên kết có thể là:
  • _blank: Mở liên kết trên một tab mới
  • _self: Mở liên kết ở ngay tab hiện tại (Mặc định là liên kết sẽ được mở ở ngay tab hiện tại)

Ví dụ

---

<a href="http://webcoban.vn">Liên kết 1</a>
<a href="http://webcoban.vn" target="_self">Liên kết 2</a>
<a href="http://webcoban.vn" target="_blank">Liên kết 3</a>

Xem ví dụ

Đường dẫn tuyệt đối, đường dẫn tương đối

Một liên kết được xác định bởi một đường dẫn (đường dẫn hay còn được biết đến như một địa chỉ trang web).

Đường dẫn được chia làm hai loại:

• Đường dẫn tuyệt đối (là một chuỗi đầy đủ bao gổm http://, tên miền của trang web, đường dẫn đến tập tin)
• Đường dẫn tương đối (là một phần nhỏ của đường dẫn tuyệt đối, thông thường đường dẫn tương đối là phần đường dẫn đến tập tin)

Ví dụ:

Đường dẫn	Loại đường dẫn
http://webcoban.vn	TUYỆT ĐỐI
http://webcoban.vn/html	TUYỆT ĐỐI
http://webcoban.vn/html/default.html	TUYỆT ĐỐI
http://webcoban.vn/html/cach-tao-mot-trang-web-html.html	TUYỆT ĐỐI
html	tương đối
html/default.html	tương đối
default.html	tương đối
html/cach-tao-mot-trang-web-html.html	tương đối
cach-tao-mot-trang-web-html.html	tương đối

Ví dụ

Hai liên kết dưới đây đều được dùng để chuyển đến trang http://webcoban.vn/html/default.html
Tuy nhiên cách viết đường dẫn thì khác nhau

---

<a href="http://webcoban.vn/html/default.html">Đường dẫn tuyệt đối</a>
<a href="default.html">Đường dẫn tương đối</a>

Xem ví dụ

Cách xác định đường dẫn tương đối

Tôi có một bài thực hành để giúp bạn hiểu được cách xác định đường dẫn tương đối.

Vào ổ đĩa D tạo một thư mục có tên là laptrinhweb. Vào thư mục laptrinhweb, lần lượt tạo các thư mục và tập tin như sau:

• laptrinhweb
  • trang1.html
  • folder1
    • trang2.html
    • folder3
      • trang4.html
      • folder7
        • trang5.html
      • folder8
        • trang6.html
    • folder4
  • folder2
    • trang3.html
    • folder5
      • trang7.html
      • folder9
        • trang8.html

Ví dụ 1: Giả sử bạn đang ở trang1.html muốn đến trang2.html thì đường đi sẽ là:

1. Đi vào folder1
2. Đi vào trang2.html

<a href="folder1/trang2.html">Liên kết đến trang 2</a>

Ví dụ 2: Giả sử bạn đang ở trang1.html muốn đến trang6.html thì đường đi sẽ là:

1. Đi vào folder1
2. Đi vào folder3
3. Đi vào folder8
4. Đi vào trang6.html

<a href="folder1/folder3/folder8/trang6.html">Liên kết đến trang 6</a>;

Ví dụ 3: Giả sử bạn đang ở trang4.html muốn đến trang2.html thì đường đi sẽ là:

1. Đi ngược về thư mục cha (Để đi ngược về thư cha, ta dùng dấu hai chấm .. )
2. Đi vào trang2.html

<a href="../trang2.html">Liên kết đến trang 2</a>

Ví dụ 4: Giả sử bạn đang ở trang4.html muốn đến trang8.html thì đường đi sẽ là:

1. Đi ngược về thư mục cha
2. Đi ngược về thư mục cha
3. Đi vào folder2
4. Đi vào folder5
5. Đi vào folder9
6. Đi vào trang8.html

<a href="../../folder2/folder5/folder9/trang8.html">Liên kết đến trang 8</a>

Ví dụ 5: Giả sử bạn đang ở trang5.html muốn đến trang6.html thì đường đi sẽ là:

1. Đi ngược về thư mục cha
2. Đi vào folder8
3. Đi vào trang6.html

<a href="../folder8/trang6.html">Liên kết đến trang 6</a>

Ví dụ 6: Giả sử bạn đang ở trang3.html muốn đến trang4.html thì đường đi sẽ là:

1. Đi ngược về thư mục cha
2. Đi vào folder1
3. Đi vào folder3
4. Đi vào trang4.html

<a href="../folder1/folder3/trang4.html">Liên kết đến trang 4</a>

Ví dụ 7: Giả sử bạn đang ở trang1.html muốn đến trang8.html thì đường đi sẽ là:

1. Đi vào folder2
2. Đi vào folder5
3. Đi vào folder9
4. Đi vào trang8.html

<a href="folder2/folder5/folder9/trang8.html">Liên kết đến trang 8</a>

Ưu điểm và nhược điểm của hai loại đường dẫn

Loại đường dẫn	Ưu điểm	Nhược điểm
Đường dẫn tuyệt đối	Dễ dàng xác định được đường dẫn đến một trang web (hoặc tài nguyên) nào đó.	Không thể sử dụng cho các tên miền khác. Ví dụ, bạn đang xem bài hướng dẫn này ở trang webcoban.vn, tôi có một liên kết đến trang Cách tạo một trang web HTML với đường dẫn là http://webcoban.vn/html/cach-tao-mot-trang-web-html.html Nếu tôi up toàn bộ mã nguồn của trang web này cho tên miền webcoban.com thì khi bấm vào liên kết Cách tạo một trang web HTML nó vẫn chuyển đến trang http://webcoban.vn/html/cach-tao-mot-trang-web-html.html chứ không phải là http://webcoban.com/html/cach-tao-mot-trang-web-html.html
Đường dẫn tương đối	Có thể sử dụng trên các tên miền khác nhau	Nếu chưa quen cách sử dụng đường dẫn tương đối thì việc xác định đường dẫn đến một trang web (hoặc tài nguyên) nào đó sẽ rất khó khăn và dễ bị sai

Với những ưu điểm và nhược điểm như trên, chúng tôi khuyến khích bạn tập thói quen sử dụng đường dẫn tương đối

Liên kết trong

Liên kết trong là liên kết đến vị trí của một phần tử nào đó nằm trong trang web.

Để xác định vị trí cho một phần tử ta phải thêm thuộc tính id vào thẻ mở của phần tử đó.

Ví dụ

---

<h2 id="chuong1">CHƯƠNG SỐ 1</h2>

Để liên kết đến vị trí của một phần tử, ta sử dụng cú pháp <a href="#tên id của phần tử">Đại diện cho liên kết</a>

Ví dụ

---

<a href="#chuong1">Xem chương 1</a>
<h2 id="chuong1">CHƯƠNG SỐ 1</h2>

Xem ví dụ

Để liên kết đến vị trí của một phần tử nào đó trong một trang web khác, ta sử dụng cú pháp:

<a href="đường dẫn đến trang web#tên id của phần tử">Đại diện cho liên kết</a>

Ví dụ

Khi thực thi đoạn mã:

<a href="http://webcoban.vn/html/cach-tao-mot-trang-web-html.html#cachchaytrangweb">ABC</a>

Màn hình trình duyệt sẽ hiển thị là

ABC

Dùng hình ảnh làm đại diện cho liên kết

Để dùng hình ảnh làm đại diện cho một liên kết, ta sử dụng cú pháp sau:

<a href="URL" target="kiểu mở liên kết"><img src="URL2" width="chiều rộng của hình" height="chiều cao của hình"></a>

Trong đó, URL2 là đường dẫn đến tập tin hình ảnh dùng làm đại diện cho liên kết. Tương tự như URL, URL2 có thể được xác định bằng đường dẫn tuyệt đối hoặc đường dẫn tương đối.

Ví dụ

Khi thực thi đoạn mã:

<a href="http://webcoban.vn" target="_blank"><img src="../public/home/img_baiviet/webcoban-logo.png"></a>
<br>
<a href="http://webcoban.vn" target="_blank"><img src="../public/home/img_baiviet/webcoban-logo.png" width="200px" height="100px"></a>

Màn hình trình duyệt sẽ hiển thị là