Làm thế nào để chèn một siêu liên kết trong HTML? Tạo và sử dụng các siêu liên kết trong HTML

Bây giờ, trang một khách truy cập xem siêu liên kết trong văn bản in đậm chữ "Google".

siêu liên kết tuyệt đối

Siêu liên kết mà sử dụng tuyệt đối URL-địa chỉ của trang web có chứa tên miền (.ru, .com, .org, .gov ), gọi là tuyệt đối, và có cú pháp sau:

Nghị định thư: // tên miền / đường dẫn của tập tin

địa chỉ ví dụ phổ biến trong công cụ tìm kiếm Mỹ: https://aol.com - tuyệt đối, vì nó chứa các tên miền .com.

siêu liên kết tuyệt đối được sử dụng để điều hướng đến các trang của các trang web khác hoặc truy cập tài nguyên nằm trên máy chủ khác. Việc chuyển đổi được thực hiện bằng cách sử dụng giao thức Internet. Giao thức - đây không phải là chủ đề của bài viết này, nhưng khi họ tham gia vào việc tạo ra các siêu liên kết, bạn ít nhất phải đề cập đến họ một thời gian ngắn:

• http và https - phổ biến nhất; cho họ để chuyển đổi giữa các trang web của các trang web khác nhau;
• ftp - một giao thức để tải lên tập tin vào máy chủ hoặc dùng tải xuống từ trang web;
• mailto - giao thức mail sẽ gửi e-mail trực tiếp từ trang web, mà không đi đến địa chỉ e-mail cá nhân.

Có một vài báo cáo về mục đích đặc biệt (gopher, telnet), khá hiếm, việc sử dụng mà đòi hỏi kiến thức đặc biệt trong chương trình hoặc hệ thống quản lý.

siêu liên kết tương đối

Với tương đối giải quyết, việc sử dụng các siêu liên kết trong HTML được sử dụng để chuyển tiếp trong cuộc sống và không dẫn ngoài nó. Nếu trang là quá lớn mà chạy scrollbar dọc, đôi khi rất dài, chẳng hạn như trong một cuốn từ điển, nó là rất thuận tiện và thích hợp để sử dụng liên kết tương đối để chuyển đến thư mong muốn.

Tạo từ điển trực tuyến, một lập trình viên vào đầu trang có bảng chữ cái, và nếu không muốn nói về việc sử dụng các liên kết, người dùng sẽ có một thời gian rất dài để xoay bánh xe chuột để có được chữ "I".

Để tạo một liên kết tương đối bằng cách sử dụng tên thuộc tính tag:

Quay lại lá thư tôi

nơi ya gọi là neo, trong khi Quay lại chữ I - nơi neo. Đối với màn hình hiển thị đúng neo nó được khuyến khích sử dụng chữ cái và con số, do đó, không viết chữ "I", mặc dù nó đã có thể hiểu được.

Bây giờ quá trình chuyển đổi từ bảng chữ cái ở đầu trang để chữ "I", nó là cần thiết để làm cho peg neo trong HTML-tài liệu, mà bắt đầu bằng chữ "I":

Trang chủ Google

Trang chủ "Google" sẽ mở ra trong một cửa sổ mới.

Lưu ý: để mở trang trong một tab mới, không có giá trị cho thuộc tính này, và được thiết lập bởi người sử dụng trong các thiết lập của trình duyệt.

Màu sắc của các siêu liên kết

Một người sử dụng Internet có kinh nghiệm qua thời gian, nên đã nhận thấy rằng các hyperlink đều khác nhau về màu sắc từ các văn bản xung quanh, và chúng thường xanh. Các liên kết trên đó ông trôi qua, và sau đó quay trở lại trang trước đó, là tử đinh hương. Sử dụng các siêu liên kết trong HTML trong màu sắc phi tiêu chuẩn một chút, nhưng phân bổ trang web số những người khác.

Thiết lập màu sắc của các liên kết trong thẻ sử dụng các thuộc tính và giá trị của họ, phục vụ màu HTML trong hệ thống rgb (# 00FF00) hoặc với một dấu hiệu trực tiếp của tên của màu sắc ( «xanh»). Có ba loại thuộc tính cho các liên kết:

• liên kết - định nghĩa màu sắc của các liên kết unvisited;
• vlink - xác định màu sắc của các liên kết mà qua đó người dùng đã thông qua;
• alink - xác định màu của liên kết khi chuyển sang một trang khác. Đó là nhanh chóng, vì vậy bạn có thể không phải lúc nào bắt hiệu ứng này.

đánh dấu Ví dụ:

Nếu bạn áp dụng những thuộc tính trong thẻ , tài liệu tham khảo của các tài liệu web sẽ có màu xanh đậm, các thăm - tím và năng động - cam-đỏ.

siêu liên kết đồ họa

Tiến bộ và phát triển thiết kế web đòi hỏi để biết làm thế nào để chèn một siêu liên kết trong HTML dưới dạng ảnh. Rõ ràng là bức tranh phải phù hợp với nội dung của trang đích. Ví dụ, trang chính của cây thuốc có thể được thể hiện dưới dạng các hình ảnh của các nhà máy, bấm vào đó người dùng sẽ được chuyển tới một trang mô tả các đặc tính chữa bệnh của cây trồng.

Rộng rãi cách sử dụng để thay thế nút tĩnh () tại đồ họa đẹp được tạo ra bởi một nhà thiết kế web trong trình soạn thảo đồ họa (GIMP, Photoshop).

Để chèn một hình ảnh như siêu liên kết trên các trang của trang web sử dụng cú pháp tương tự, nhưng thay vì văn bản sử dụng thẻ hình ảnh bằng cách chèn các quy tắc của HTML:

Đến thẻ theo cách tương tự các thuộc tính được áp dụng chỉ định một sự thay thế văn bản, chiều rộng, chiều cao, và những người khác.

Các cuộc gọi từ trang web

tiêu chuẩn html5 đã mở rộng các chức năng của việc sử dụng Internet, và bây giờ bạn có thể thực hiện cuộc gọi không chỉ từ điện thoại, nhưng trực tiếp từ trang web. Với mục đích này, bạn cũng có thể sử dụng các siêu liên kết trong một tài liệu HTML, và họ có cú pháp như sau:

... bên ...

Thay vì từ "đảng" được quy định tiếp xúc gọi trực quan trong danh bạ. Bạn cũng có thể đặt một tập tin đồ họa (sử dụng ảnh).

Đó là cuộc gọi được thực hiện cho trang web, bạn phải có không chỉ là một tham chiếu đến số điện thoại của thuê bao, mà còn là một tai nghe (microphone, tai nghe) được cài đặt trên máy tính của VoIP-chương trình của bạn, tốc độ Internet được vượt quá 0,5 MB / giây. Thanh toán cho các cuộc gọi được thực hiện lưu lượng giao thông. Do đó, nếu Internet là không giới hạn, các cuộc gọi được miễn phí.

Đạo đức tạo các siêu liên kết

Bằng cách đặt các trang web trên Internet, các webmaster nên biết những loại có các siêu liên kết trong HTML, và không chỉ là quyền sử dụng chúng một cách chuyên nghiệp, mà còn tuân thủ các quy định sau đây:

• Các siêu liên kết phải là dễ dàng nhìn thấy, khác với văn bản xung quanh nó. Người sử dụng phải biết rằng nó là - một siêu liên kết.
• Người sử dụng phải rõ ràng nơi ông sẽ nhận được bằng cách nhấp vào liên kết. Để làm điều này, nó là khuyến khích sử dụng tiêu đề thuộc tính hơn, ngắn gọn mô tả các trang chuyển đổi. Cú pháp của thuộc tính ứng dụng là:

Yandex

• Người sử dụng phải có được thông tin chính xác về các tập tin sẽ được tải xuống khi bạn nhấp vào liên kết.

Khi không phải là trang dự kiến hoặc bằng cách tải về các tập tin sai, người sử dụng là 99% của rời khỏi trang web ngay lập tức và không bao giờ vào nó đã không đi xuống trong thời gian tới.

Anti-Seo để tạo ra các siêu liên kết

Ngoài các khía cạnh kỹ thuật của câu hỏi làm thế nào để chèn một siêu liên kết trong HTML, cần được nhấn mạnh hơn và đạo đức khía cạnh. Có rất nhiều trang web mà truy cập được người dùng phần mềm bảo mật (Antivirus), hoặc thậm chí tình trạng bị chặn. Đây là những trang web đã được tạo ra trên các lập trình viên web ô uế tay.

Một trong những thủ đoạn mà họ nghỉ mát - là để chèn "vô hình" siêu liên kết trên một trang web. Kẻ lừa đảo biết làm thế nào để tạo ra một siêu liên kết trong HTML và sử dụng thuộc tính gạch xóa các liên kết và gán nó màu sắc của văn bản xung quanh để người dùng trung bình không nhìn thấy cô ấy. Và với sự giúp đỡ của công nghệ web công cụ khác (CSS, JavaScript, PHP) có thể được lập trình hành vi của họ. Ví dụ, sự kiện ngôn ngữ onmouseover Javascript kích hoạt tác động của các yếu tố trang web. Khi người sử dụng giữ con trỏ đến một liên kết vô hình, anh nhận được trên các trang quảng cáo của các trang web khác. Hoặc thậm chí tồi tệ hơn, khi có một liên kết vô hình vào một tập tin trên máy tính của mình và bắt đầu tải về và cài đặt phần mềm không cần thiết. Thông thường, một loại virus làm thay đổi trang chủ trình duyệt, xả rác đĩa cứng và các chương trình tin đại chúng khác.

Sớm các trang web đó rơi vào "danh sách đen" của cơ sở dữ liệu virus, an ninh và môi trường của người sử dụng Internet. các trang web đó không kéo dài, và họ phải thay đổi tên của họ để di chuyển không ngừng trên Internet, thay đổi nhà cung cấp máy chủ. Đây không phải là có lợi cho việc thúc đẩy một trang web, mà luôn tìm cách tác giả của nó, không bao giờ làm cho nó megaportals, chẳng hạn như, ví dụ, các mạng xã hội. Trong số những thứ khác, những thủ đoạn gây nhiều cảm xúc tiêu cực trong những nạn nhân của những hành động của con người.