Siêu liên kết trông như thế nào trong HTML?

Liên kết văn bản hoặc hình ảnh trên trang web tạo ra cách để người xem của bạn di chuyển từ trang này sang trang khác

Tất cả các liên kết trên một trang sẽ có giao diện đặc biệt trừ khi nó bị trình duyệt ghi đè hoặc bằng cách sử dụng Biểu định kiểu xếp tầng (CSS). Sẽ có một gạch dưới bên dưới văn bản của liên kết và nó thường có màu xanh lam. Cũng có thể đặt thẻ xung quanh một thẻ hình ảnh để biến hình ảnh đó thành một liên kết

Một liên kết (hay còn được gọi là siêu liên kết) được tạo bằng một thẻ đặc biệt được gọi là "anchor". Nó yêu cầu một thẻ đóng và được sử dụng để phân định văn bản hoặc nội dung HTML sẽ được liên kết trên trang. Thẻ cũng có thể được sử dụng để đánh dấu một phần của trang web làm mục tiêu cho một liên kết khác chuyển đến. Ví dụ, sẽ chuyển đến cuối trang này. Nếu thuộc tính "name" và "id" được sử dụng, thì thẻ là một liên kết, nhưng nếu thuộc tính "href" được sử dụng thì đó là một liên kết. Cả hai thuộc tính có thể được sử dụng đồng thời

Gửi email có liên kết

Bên cạnh việc liên kết đến một trang web khác hoặc trong một vị trí khác trên trang, bạn cũng có thể tạo liên kết đến một địa chỉ email. Tùy thuộc vào khả năng của trình duyệt, hệ điều hành và phần mềm được cài đặt, điều này sẽ khiến chương trình email của người xem tự động tải và địa chỉ email sẽ được đặt trong trường “gửi đến” của cửa sổ email mới

Để thực hiện việc này, hãy nhập địa chỉ email làm giá trị cho thuộc tính "href" và đặt trước nó bằng "mailto. " Ví dụ. 2 Tuy nhiên, có một tác dụng phụ đáng tiếc khi làm điều này. Có những chương trình được tạo bởi "người gửi thư rác" quét các trang web để tìm địa chỉ email trong một trang web. Nếu tìm thấy, địa chỉ email đó sẽ được thêm vào cơ sở dữ liệu của người gửi thư rác và địa chỉ đó sẽ bắt đầu chứa đầy thư rác. Có nhiều cách xung quanh điều này, may mắn thay. Nếu bạn quan tâm, hãy gửi tin nhắn cho ETS để tìm hiểu thêm

Liên kết tương đối và tuyệt đối

Khi bạn tạo liên kết bằng cách thêm giá trị vào thuộc tính "href" của thẻ , bạn phải cẩn thận rằng giá trị đó sẽ không tạo liên kết "hỏng" hoặc liên kết không hợp lệ. Đây là một điều rất dễ thực hiện, đặc biệt nếu bạn dựa vào trình soạn thảo HTML để tạo các liên kết này cho bạn. Rất phổ biến là trình soạn thảo HTML sẽ tạo một liên kết trỏ đến một vị trí trên máy tính mà bạn đang làm việc thay vì vị trí chính xác trên máy chủ web

Có hai cách để tạo liên kết; . Một liên kết tuyệt đối xác định hoàn toàn vị trí của trang. Ví dụ. 4 Đây là một liên kết tuyệt đối vì nó bao gồm mọi thứ cần thiết để tìm vị trí bao gồm giao thức, máy chủ, thư mục và tên tệp. Các liên kết tuyệt đối rất dễ sử dụng và bạn hiếm khi gặp sự cố với chúng. Phương pháp này phải được sử dụng nếu liên kết của bạn trỏ đến một vị trí không nằm trong máy chủ web mà các trang của bạn đang truy cập

Mặt khác, các liên kết tương đối lợi dụng thực tế là trình duyệt đã biết tài liệu hiện tại ở đâu. Và do đó, tất cả những gì cần thiết là mối quan hệ giữa tài liệu hiện tại và vị trí của liên kết. Ví dụ. 5 là tương đối vì chỉ có tên tệp được cung cấp. Trình duyệt biết vị trí của tài liệu hiện tại và do đó giả định rằng tệp "trang. html" nằm trong cùng thư mục với tài liệu hiện tại. Điều gì xảy ra nếu tệp bạn đang liên kết không nằm trong cùng thư mục? . /" để "lên" một thư mục từ thư mục bạn đang ở. Bảng này có thể làm sáng tỏ khái niệm này

Đường dẫnÝ nghĩa của nó_______1_______6Trang "tập tin. html" nằm trong thư mục hiện tại. 7Trang "tập tin. html" nằm trong thư mục có tên "tips" nằm trong thư mục hiện tại. 8Trang "tập tin. html" nằm trong thư mục có tên "other" nằm trong thư mục có tên "tips" nằm trong thư mục hiện tại. 9Trang "tệp. html" nằm trong thư mục cao hơn một cấp so với trang hiện tại. Sử dụng ví dụ ngay trên, nếu thư mục hiện tại là "khác", thì đường dẫn này sẽ đi một bước đến thư mục "mẹo" để tìm "trang. tập tin html". 0Trang "tệp. html" nằm trong thư mục hai cấp so với thư mục hiện tại. 1Trang "tập tin. html" nằm trong "gốc" của máy chủ web. Chú ý dấu gạch chéo trước tên. Điều này có nghĩa là trình duyệt sẽ đi xuống tận mức cơ bản nhất hoặc "gốc" của máy chủ web để tìm tệp. Ví dụ. nếu tệp hiện tại nằm ở "http. //www. ăn sâu. colostate. edu/ets/how/web/links. html" thì liên kết này sẽ chuyển đến "http. //www. ăn sâu. colostate. edu/trang. html"

Các phương pháp này có thể được sử dụng cùng nhau để tìm một tệp cụ thể trong cấu trúc thư mục web của bạn. Ví dụ. 2 sẽ đi lên hai thư mục rồi quay xuống hai thư mục có tên "prefs" và "location" để tìm "index. html" tệp web

Vị trí thư mục web

Một vấn đề phổ biến khi tạo liên kết bằng trình chỉnh sửa HTML là các liên kết của bạn sẽ chỉ hoạt động tốt khi tệp web của bạn nằm trên máy tính của bạn, nhưng khi bạn đặt các tệp trên máy chủ web, tất cả các liên kết đều bị hỏng. Điều này là do trình chỉnh sửa của bạn đang trỏ liên kết đến một vị trí trên máy tính của bạn chứ không phải vị trí chính xác như trên máy chủ như minh họa ở trên

Có một số vị trí trên mạng Kỹ thuật đã được dành riêng để phục vụ các trang web qua Internet. Các vị trí này về cơ bản là các thư mục trên mạng đã được định cấu hình làm vị trí để “phục vụ” các trang web qua Internet. Điều chính cần nhớ liên quan đến điều này là bất kỳ thư mục hoặc tệp nào được "lên" từ thư mục web đều vô hình với Internet. Hay nói cách khác, các tệp duy nhất hiển thị trên Internet nằm trong một thư mục web đã được tạo để phục vụ các trang web và bất kỳ thư mục con nào chứa trong đó. Và do đó, bất kỳ liên kết nào đến một vị trí không nằm trong thư mục đó sẽ không hoạt động. Trình duyệt sẽ cho bạn biết rằng không thể tìm thấy liên kết

Ví dụ. tất cả các giảng viên, nhân viên và sinh viên trong Trường Cao đẳng Kỹ thuật đều có quyền truy cập vào thư mục “public_html” đã được đặt sang một bên để phục vụ các trang web từ bên trong U của bạn. \ lái xe. Vì vậy, tất cả các tệp được đặt trong thư mục public_html có thể được xem qua Internet. Nhưng bất kỳ tập tin nào trong U của bạn. Không thể nhìn thấy hoặc liên kết ổ đĩa \ không nằm trong thư mục public_html của bạn qua web

*Dòng văn bản này là mỏ neo cho liên kết ở đầu trang. sẽ quay trở lại đầu trang một lần nữa

Siêu liên kết trong HTML với ví dụ là gì?

Siêu liên kết trông như thế nào?

Theo mặc định, các trình duyệt thường sẽ hiển thị các siêu liên kết như vậy. Liên kết chưa được truy cập thường có màu xanh lam và được gạch chân . Một liên kết đã truy cập thường có màu tím và được gạch chân. Một liên kết hoạt động thường có màu đỏ và được gạch chân.

Làm thế nào bạn có thể xác định một liên kết trong HTML?

Bạn sẽ tìm thấy các liên kết HTML trên một trang web khi bạn di chuột qua văn bản liên kết, hình ảnh, nút, v.v. , và con trỏ biến thành bàn tay . Theo mặc định, các liên kết xuất hiện dưới dạng. Gạch chân và màu xanh lam (nếu bạn chưa truy cập liên kết) Gạch chân và màu tím (bạn đã truy cập liên kết)