Hướng dẫn HTML

TRANG CHỦ HTML Giới thiệu HTML Trình chỉnh sửa HTML HTML cơ bản Phần tử HTML Thuộc tính HTML Tiêu đề HTML Đoạn văn HTML Kiểu HTML Định dạng HTML Trích dẫn HTML Nhận xét HTML Màu HTML HTML CSS Liên kết HTML Hình ảnh HTML HTML Favicon Bảng HTML Danh sách HTML Khối HTML & Nội tuyến Các lớp HTML Id HTML Khung nội tuyến HTML HTML JavaScript Đường dẫn tệp HTML Đầu HTML Bố cục HTML HTML đáp ứng Mã máy tính HTML Ngữ nghĩa HTML Hướng dẫn kiểu HTML Thực thể HTML Biểu tượng HTML Biểu tượng cảm xúc HTML Bộ mã HTML Mã hóa URL HTML HTML so với XHTML

Biểu mẫu HTML

Biểu mẫu HTML Thuộc tính biểu mẫu HTML Phần tử biểu mẫu HTML Các loại đầu vào HTML Thuộc tính đầu vào HTML Thuộc tính biểu mẫu nhập HTML

Đồ họa HTML

HTML Canvas HTML SVG

HTML Media

HTML Media Video HTML Âm thanh HTML Trình cắm HTML HTML YouTube

API HTML

Vị trí địa lý HTML Kéo / thả HTML Lưu trữ web HTML Nhân viên web HTML HTML SSE

Ví dụ HTML

Ví dụ HTML HTML Quiz Bài tập HTML Chứng chỉ HTML Tóm tắt HTML Khả năng truy cập HTML

Tham chiếu HTML

Danh sách thẻ HTML Thuộc tính HTML Thuộc tính toàn cầu HTML Hỗ trợ trình duyệt HTML Sự kiện HTML Màu HTML HTML Canvas HTML Audio / Video HTML Doctypes Bộ ký tự HTML Mã hóa URL HTML Mã HTML Lang Tin nhắn HTTP Phương thức HTTP Công cụ chuyển đổi PX sang EM Các phím tắt bàn phím

Đường dẫn tệp HTML


Đường dẫn tệp mô tả vị trí của tệp trong cấu trúc thư mục của trang web.


Ví dụ về đường dẫn tệp

Đường dẫnSự miêu tả
<img src = "picture.jpg"> Tệp "picture.jpg" nằm trong cùng thư mục với trang hiện tại
<img src = "images / picture.jpg"> Tệp "picture.jpg" nằm trong thư mục hình ảnh trong thư mục hiện tại
<img src = "/ images / picture.jpg"> Tệp "picture.jpg" nằm trong thư mục hình ảnh ở thư mục gốc của web hiện tại
<img src = "../ picture.jpg"> Tệp "picture.jpg" nằm trong thư mục một cấp so với thư mục hiện tại

Đường dẫn tệp HTML

Đường dẫn tệp mô tả vị trí của tệp trong cấu trúc thư mục của trang web.

Đường dẫn tệp được sử dụng khi liên kết với tệp bên ngoài, như:

  • trang web
  • Hình ảnh
  • Tờ kiểu
  • JavaScripts

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

Đường dẫn tệp tuyệt đối là URL đầy đủ của tệp:

Thí dụ

<img src="https://www.w3schools.com/images/picture.jpg" alt="Mountain">

Thẻ <img> được giải thích trong chương: Hình ảnh HTML .


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

Đường dẫn tệp tương đối trỏ đến tệp liên quan đến trang hiện tại.

Trong ví dụ sau, đường dẫn tệp trỏ đến tệp trong thư mục hình ảnh nằm ở thư mục gốc của web hiện tại:

Thí dụ

<img src="/images/picture.jpg" alt="Mountain">

Trong ví dụ sau, đường dẫn tệp trỏ đến tệp trong thư mục hình ảnh nằm trong thư mục hiện tại:

Thí dụ

<img src="images/picture.jpg" alt="Mountain">

Trong ví dụ sau, đường dẫn tệp trỏ đến tệp trong thư mục hình ảnh nằm trong thư mục một cấp so với thư mục hiện tại:

Thí dụ

<img src="../images/picture.jpg" alt="Mountain">


Thực hành tốt nhất

Cách tốt nhất là sử dụng đường dẫn tệp tương đối (nếu có thể).

Khi sử dụng đường dẫn tệp tương đối, các trang web của bạn sẽ không bị ràng buộc với URL cơ sở hiện tại của bạn. Tất cả các liên kết sẽ hoạt động trên máy tính của riêng bạn (localhost) cũng như trên miền công cộng hiện tại và các miền công cộng trong tương lai của bạn.