Trang chủ và học hỏi: Khóa học thiết kế webWeb Design Course
Liên kết trong mã HTML được thực hiện với thẻ neo, thẻ. Chữ "A" trong thẻ sau đó được theo sau bởi một thuộc tính. Đối với một liên kết đến một trang web khác, "A" được theo sau bởi "href". Để đặt dấu trang trong cùng một trang, "A" được theo sau bởi "Tên", mà bạn sẽ thấy cách làm sau.
Hãy xem ví dụ này, đó là một liên kết đến công cụ tìm kiếm phổ biến Google:
Công cụ tìm kiếm GoogleGoogle Search Engine
Lưu ý nơi tất cả các khung góc [] nằm trong liên kết. Sau phần đầu tiên, chúng tôi có phần "A" của thẻ. Sau đó, chúng tôi có phần HREF, biểu thị một liên kết đến một trang web khác. Sau đó xuất hiện một dấu bằng [=]. Sau khi Dấu hiệu bình đẳng xuất hiện địa chỉ của trang web. Địa chỉ là trường hợp nhạy cảm, vì vậy nếu có một chữ cái viết hoa trong địa chỉ, hãy đảm bảo bao gồm nó. Địa chỉ này www.google.com khác với địa chỉ này www.google.com.www.google.com is different from this address www.gOOgle.com.
Sau khi địa chỉ đến khung góc vuông [>]. Tiếp đến là văn bản mà mọi người nhìn thấy, văn bản bạn muốn họ nhấp vào. Để đóng một liên kết neo, bạn sử dụng thẻ neo cuối. Đây là điều này:
Nhưng chúng ta hãy hoàn thành một số công việc thực tế.
Mở tệp văn bản mẫu của bạn. Nhấp vào Tệp> Lưu dưới dạng từ menu trong Notepad [hoặc bất kỳ trình soạn thảo văn bản nào bạn đang sử dụng]. Khi hộp thoại Lưu dưới dạng xuất hiện điều hướng đến thư mục HTML của bạn:File > Save As from the menu in Notepad [or whatever text editor you are using]. When the Save As dialogue box appears navigate to your HTML folder:
Vì vậy, chúng tôi sẽ lưu trang web mới bên ngoài thư mục trang.
Trong hộp tên tệp, gõ index.html. Đảm bảo rằng khu vực Save As Type nói tất cả các tệp, nếu bạn sử dụng Windows. Trước khi bạn nhấp vào nút Lưu vào cửa sổ Explorer của bạn sẽ trông như thế này:index.html. Make sure the Save As Type area says All Files, if you use Windows. Before you click the Save button your Explorer window should look like this:
Thay vì điều này:
Href = "../ page_name_here.html"
hoặc cái này:
HREF="pages/page_name_here.html"
Bạn chỉ đang sử dụng cùng một quy tắc tham chiếu tệp mà bạn đã học trong phần hình ảnh.
Thuộc tính đích
Giống như thẻ IMG, thẻ A HREF có thể lấy các thuộc tính. Một trong số này được gọi là mục tiêu. Thuộc tính đích được sử dụng để cho trình duyệt biết bạn muốn mở liên kết. Ví dụ: bạn có thể yêu cầu trình duyệt mở trang được liên kết trong cửa sổ trình duyệt mới. Có một số giá trị để lựa chọn:
_blank_parent_self_top
_parent
_self
_top
Tuy nhiên, cái duy nhất thực sự hữu ích trong phiên bản HTML 5 là trống. Mặc định là bản thân, vì vậy bạn không cần chỉ định thuộc tính mục tiêu hầu hết thời gian. Nếu bạn muốn liên kết mở trong một cửa sổ mới, mã là:
Về trang web nàyTARGET="_blank">About this site
Lưu ý ký tự dấu gạch dưới trước từ "trống". Bỏ lỡ điều này và thuộc tính mục tiêu của bạn sẽ không hoạt động.
Hai thuộc tính mục tiêu khác là khi trang web của bạn sử dụng một thứ gọi là khung. Tuy nhiên, các khung sẽ không được sử dụng và không được khuyến nghị cho HTML5.
Màu sắc siêu liên kết
Bạn có thể thiết lập màu sắc của riêng bạn cho các siêu liên kết. Mặc định là bất cứ điều gì người dùng đã đặt trong trình duyệt, thường là màu xanh, với gạch chân màu xanh. Nhưng bạn không cần phải có màu xanh. Thẻ A đi kèm với ba thuộc tính có thể giúp bạn ghi đè mặc định trình duyệt:
Linkset màu của một liên kết trước khi nó được nhấp vào
Set the colour of a link before it has been clicked on
Alinkset màu của một liên kết khi liên kết được nhấp vào
Set
the colour of a link when the link is clicked on
Vlinkset màu của một liên kết sau khi nó được nhấp vào
Set the colour of a link after it has been clicked on
A và V ở trên là viết tắt của hoạt động và truy cập. Bạn sử dụng chúng như thế này:
Về trang web nàyLINK="red">About this site
Lưu ý ký tự dấu gạch dưới trước từ "trống". Bỏ lỡ điều này và thuộc tính mục tiêu của bạn sẽ không hoạt động.
Hai thuộc tính mục tiêu khác là khi trang web của bạn sử dụng một thứ gọi là khung. Tuy nhiên, các khung sẽ không được sử dụng và không được khuyến nghị cho HTML5.
Màu sắc siêu liên kết
Bạn có thể thiết lập màu sắc của riêng bạn cho các siêu liên kết. Mặc định là bất cứ điều gì người dùng đã đặt trong trình duyệt, thường là màu xanh, với gạch chân màu xanh. Nhưng bạn không cần phải có màu xanh. Thẻ A đi kèm với ba thuộc tính có thể giúp bạn ghi đè mặc định trình duyệt:
Linkset màu của một liên kết trước khi nó được nhấp vào