Chuyển đến một trang khác. Chuyển hướng đến trang khác bằng cách sử dụng JavaScript

Bài 6:Chinh phục liên kết html.

sẽ tìm trong trình duyệt:

Thành phần a (ancor) Nó giống như một mỏ neo, tôi. văn bản kèm theo giữa mở và đóng cửa. Thẻ, sẽ có một liên kết văn bản.
Thuộc tính href. Việc giảm này từ "Liên kết siêu văn bản Hypertext / HyperText", chỉ định vị trí mà quá trình chuyển đổi được thực hiện tại liên kết này - thông thường đây là địa chỉ Internet và / hoặc tên tệp.

Tạo một liên kết HTML giữa các trang của cùng một trang web đơn giản hơn nhiều. Ví dụ: nếu chúng ta có hai trang (ví dụ: trang1.htm. và page2.htm.) Nằm trong một thư mục, mã tham chiếu của liên kết sẽ trông như thế này:

Những, cái đó. Bạn chỉ cần viết tên của trang mà chúng tôi muốn đi.

Esley Trang 2 nằm trong thư mục con "Thư mục con"Mã liên kết trông như thế này:

Để chuyển sang bấm vào đây!

Để đi đến đây!

Những, cái đó. sự phối hợp " ../ "Cho biết vì nó dành cho một thư mục nằm ở vị trí tệp này từ vị trí tệp này từ đó liên kết được thực hiện.

Phần 1

Phần 1:

Bây giờ bạn có thể tham khảo khu vực được đánh dấu (trong trường hợp này, phần1) chỉ cần chỉ ra tên của nó sau biểu tượng #.

Tôi sẽ cung cấp một ví dụ trực quan hơn:

Mục lục

Mục 1: Làm thế nào để trở nên giàu có

Để trở nên giàu có, bạn cần phải làm việc rất nhiều .....

Mục 2: Làm thế nào để trở nên hạnh phúc

Mục 3: Làm thế nào để khỏe mạnh

Đây là kết quả trong trình duyệt:

Để trở nên giàu có, cần phải làm việc rất nhiều .....

Để trở nên hạnh phúc, bạn cần sử dụng mỗi phút ...

Để được khỏe mạnh, bạn cần rất nhiều giáo dục thể chất ...

Chắc chắn bạn có thể ..

Viết một trang web quản trị thư

Trình duyệt sẽ trông giống như:

Như bạn có thể thấy, Mailto được sử dụng sau đó là người nhận đại tràng và EMAail. Khi bạn nhấp vào liên kết, chương trình thư thư khách sẽ bắt đầu với trường người nhận.

Một vài thuộc tính bổ sung:

Mục tiêu. - Cho biết nơi để mở trang mà tham chiếu HTML dẫn đến. Theo mặc định, nó sẽ mở trong cùng một cửa sổ. Nếu tôi muốn được mở trong một cái mới, bạn nên viết mục tiêu \u003d "_ trống".

Xem ví dụ:

Đây là một liên kết đến trang web của trang web, mở trong một cửa sổ mới.




Đây cũng là trên trang web. Khi bạn di chuyển tiêu đề sẽ xuất hiện.

Nhìn vào kết quả:

Về nguyên tắc, và đó là nó. Bạn không thể thực sự lặp, trong chương trình Adobe Dreamweaver, bất kỳ liên kết nào được thực hiện chỉ bằng cảm ứng của chuột. Điều chính cho bạn, hiểu những gì là gì, và không nhất thiết không nhất thiết phải ...

Có thể thay đổi màu sắc của các tài liệu tham khảo?

Chắc chắn bạn có thể. Để thay đổi màu sắc của các tài liệu tham khảo trong toàn bộ tài liệu, có các thuộc tính đặc biệt của phần tử cơ thể.

Liên kết - Màu chỉ là liên kết.

Alink (liên kết hoạt động) - Màu sắc của các liên kết hoạt động (hoạt động có nghĩa là tại thời điểm nhấp vào nó)

Vlink (liên kết truy cập) - màu của các liên kết đã được truy cập

Tất cả các màu được đặt giá trị RGB trong một hệ thống thập lục phân, hoặc một trong 16 màu cơ bản.

Ví dụ: nếu mở phần thân của tài liệu, phần tử cơ thể được quy định:

Liên kết đen

Chỉ dẫn

Bạn có thể đăng ký một liên kết trên trang web theo nhiều cách. Nếu động cơ được sử dụng, hãy truy cập các quyền của quản trị viên trong menu Tài liệu. Tiếp theo, chọn trang mong muốn hoặc tạo một trang mới. Viết văn bản khi bạn nhấp vào đó, việc chuyển đổi sẽ được thực hiện. Đánh dấu nó và chọn biểu tượng Thêm liên kết trên thanh công cụ. Bạn sẽ xuất hiện trước mặt bạn mà bạn phải điền. Chỉ định tất cả các tham số cần thiết được cung cấp bởi CMS, đặt địa chỉ và nhấp vào "OK". Lưu các thay đổi và làm mới trang trong cửa sổ trình duyệt - liên kết phải xuất hiện. Kiểm tra hiệu suất của nó, nếu cần, thay đổi.

Nếu bạn cần tạo một liên kết sẽ được hiển thị tại tất cả các công cụ lạ, sau đó vào phần Mẫu. Chọn lệnh Chỉnh sửa HTML, bạn sẽ mở trang với mã. Trước một cái gì đó để thay đổi ở đây, sắp xếp lại - Sao chép thông tin đến nơi an toàn để trong trường hợp xóa dữ liệu không phù hợp, có thể trả về tài liệu nguồn.

Tìm khối mong muốn và nhập liên kết ở định dạng trang"\u003e Văn bản mà việc chuyển đổi sẽ được truyền tải. Nếu bạn cần cài đặt một tệp đồ họa thay vì văn bản, hãy áp dụng gói sau: các trang">. Lưu các thay đổi và xem kết quả.

Để tạo chuyển đổi sang một phần cụ thể của Web- trang.Đầu tiên, đặt một neo trong các trang web phù hợp của trang web, gán tên nó. Tốt hơn là đặt số thứ tự - dành ít thời gian hơn để viết liên kết. Nếu bạn sử dụng CMS, hãy chọn văn bản của văn bản, nhấp vào Thêm Thêm liên kết và điền vào trường Neo. Trong định dạng tài liệu HTML, nó sẽ trông giống như văn bản / hình ảnh

Trên các trang web đơn giản, việc chuyển sang trang khác cũng được quy định trong mã bằng thẻ và.

Tổ chức tự động vĩnh viễn chuyển đổi tất cả khách truy cập của một trang cụ thể cho một trang khác trang mạng Bạn có thể sử dụng các ngôn ngữ lập trình máy chủ và máy chủ hoặc sử dụng HTML và JavaScript. Điểm cộng của tùy chọn thứ hai trong sự đơn giản và tính khả dụng - Không cần biết Kiến thức lập trình để triển khai nó, bạn chỉ cần truy cập để chỉnh sửa mã nguồn của trang.

Chỉ dẫn

Bạn có thể giải quyết nhiệm vụ chuyển hướng tự động của khách truy cập khác trang mạng Chỉ có HTML (ngôn ngữ đánh dấu siêu văn bản - ngôn ngữ đánh dấu siêu văn bản "). Nó có (chính thức), cho biết trình duyệt mà sau khi tải trang hiện tại sẽ bắt đầu tải một trang khác. Thông tin cơ bản này (thuộc tính thẻ) về chuyển hướng và địa chỉ thời gian qua đó bạn nên gửi đến trang trang mạngnhưng. Nó có thể trông giống như: Ở đây làm mới là một từ mã chạy cơ chế chuyển hướng. Hình 5 chỉ ra rằng quy trình phải được khởi động sau khi tải xuống trang này. Lần này có thể cần thiết cho khách truy cập, ví dụ, được quản lý thông báo mà bạn đặt trên trang này. Nếu không cần tạm dừng như vậy - đặt số không. Một url \u003d http: //www.site chứa địa chỉ mà trình duyệt sẽ gửi cho khách truy cập. Đặt bản gốc này tuân theo phần tiêu đề của mã nguồn của trang - giữa và.

Một phương pháp khác được triển khai bằng ngôn ngữ lập trình JavaScript. Bạn chỉ cần một dòng mã vào Web Surfer đến địa chỉ mong muốn. Nó có thể tìm kiếm, ví dụ, như thế này: window.location.reload ("http: //www..locce.replace (" http: //www..locce.href\u003d "/"; Ở đây bạn chỉ cần thay thế Địa chỉ là bạn. Lệnh này nên được đặt bên trong các thẻ thông báo cho trình duyệt rằng nó được viết bằng JavaScript:Và ba dòng này, lần lượt, nằm bên trong cùng một khu vực tiêu đề (giữa và).

Khi bạn chọn một trong các tùy chọn này, hãy mở trang bạn cần, ví dụ, trong trình chỉnh sửa trang hệ thống điều khiển trang mạngom. Chuyển sang chế độ chỉnh sửa mã HTML và tìm thẻ trong đó. Sao chép mã Redireche đã chuẩn bị (JavaScript hoặc HTML) và chèn nó trước thẻ này. Sau đó lưu trang sửa đổi.

Nếu một bản văn Vật liệu không được đặt trong trang yêu cầu của trang, kiến \u200b\u200bthức sẽ giúp bạn về cách tạo văn bản ít hơn. Lệnh này được bật trong bất kỳ chương trình văn bản nào, cũng như trong các trình chỉnh sửa hình ảnh và đồ họa nổi tiếng, các bảng và chương trình Excel để tạo các dự án đa phương tiện. Văn bản có thể được giảm cả hai bằng cách sử dụng bảng điều khiển nhanh tiện lợi và sử dụng các phím bàn phím.

Chỉ dẫn

Mở chương trình nổi tiếng đang chạy. Nó có thể là một "máy tính xách tay" tiêu chuẩn, không kém phần nổi tiếng nào, được yêu thích bởi tất cả các từ Microsoft Office, cũng như một chương trình tạo ra một nhà xuất bản Microsoft định kỳ và các chương trình khác. Đánh dấu khu vực mong muốn của văn bản bạn dự định giảm. Trong tất cả các trình soạn thảo văn bản được liệt kê ở trên, ở đầu cửa sổ làm việc, có một bảng định dạng văn bản đặc biệt. Nó chứa các nút dịch vụ thay đổi định dạng phông chữ, kiểu dáng, kích thước, màu sắc và vị trí của nó trên trang tài liệu. Đặt kích thước cần thiết vào văn bản - bằng cách chỉ cần chọn giá trị kỹ thuật số phù hợp. Ví dụ: giảm kích thước phông chữ từ vị trí "14" đến vị trí "12".

Bạn có thể đặt kích thước phông chữ theo cách thủ công nếu bạn không tìm thấy giá trị phù hợp trong danh sách kích thước. Nếu bảng định dạng không được hiển thị, nó sẽ được bật. Sử dụng tab Xem cho cái này, nằm trong thanh menu trên cùng. Nhấp vào "Xem" và bật "định dạng" trong phần "Thanh công cụ". Để giảm phông chữ, bạn có thể sử dụng bàn phím. Đánh dấu khu vực mong muốn của văn bản. Nhấn tổ hợp phím Ctrl + [. Sau đó, kích thước phông chữ và tổng văn bản nói chung sẽ giảm chính xác 1 điểm.

Nếu bạn làm việc, Abyvorda hoặc, sẽ tốt để sử dụng dịch vụ đặc biệt "đoạn", vì vậy văn bản ít hơn nữa bằng cách giảm firmware. Mở menu "Định dạng", phần "đoạn". Một cửa sổ dịch vụ mới sẽ mở. Tiếp theo, đi đến tab "CONTENT và DOARNAL". Ở trường thấp hơn "Khoảng thời gian", đặt khoảng thời gian chất nền mong muốn. Nhấn nút OK để lưu các tham số. Trong các trình chỉnh sửa đồ họa và ảnh, kích thước của văn bản thường được chuột thay đổi nhất. Sau khi chèn các chữ khắc vào không gian làm việc hoặc hình ảnh, hãy tô sáng nó bằng chuột. Sau đó lấy chuột qua mép của đường chấm chấm, sẽ là văn bản đung đưa. Kéo cạnh vào trung tâm dòng chữ để giảm văn bản.

Video về chủ đề

Nguồn:

• Giảm phông chữ của văn bản trên bàn phím năm 2019

Hiện tại, một số lượng lớn các trang web chứa hàng chục và hàng trăm triệu trang có sẵn trên Internet. Nhiều bậc thầy web tạo ra các tài nguyên mới hàng ngày. Một phần của các bậc thầy này là các chuyên gia. Phần - chỉ thực hiện các bước đầu tiên trong lĩnh vực phát triển web, phá vỡ đầu so với các câu hỏi đơn giản nhất. Nhưng thường, con đường thành công bắt đầu bằng các câu hỏi như cách tạo một trang mới trên trang web.

Bạn sẽ cần

• - Trình duyệt;
• - Kết nối Internet;
• - Có lẽ một trình soạn thảo văn bản;
• - Có lẽ thông tin đăng nhập để truy cập vào bảng quản trị CMS.

Chỉ dẫn

Chuẩn bị tất cả các nội dung sẽ được đăng trên trang mới của trang web. Tạo nội dung thông tin. Viết văn bản với tất cả các tiêu đề, phụ đề, chú thích và ghi chú. Chuẩn bị dữ liệu bảng ở định dạng thuận tiện.
Thực hiện một nội dung thuyết trình. Nếu có hình ảnh đồ họa sẽ minh họa thông tin có trong các trang, hãy mang chúng đến độ phân giải mà chúng sẽ có mặt. Sử dụng các trình chỉnh sửa đồ họa để làm cho nó có thể chia tỷ lệ hình ảnh với phép nội suy, ví dụ, GIMP. Nếu trang được nhúng, hãy xử lý nó trong trình chỉnh sửa video.

Hãy suy nghĩ về cấu trúc trang. Quyết định cách đặt nội dung văn bản trên đó, nơi sẽ có hình ảnh, bảng, lược đồ. Xác định các tham số của căn chỉnh và hợp lý hóa văn bản của mỗi đối tượng nhúng.

Đặt nội dung thuyết trình của trang tương lai. Xuất bản hình ảnh. Tải chúng trên hoặc một trong các bộ ảnh đang cho phép nóng bỏng. Bạn có thể tải xuống hình ảnh bằng máy khách FTP. Nếu trang web hoạt động chạy CMS và nó cung cấp chức năng tải xuống tệp, nó có thể thuận tiện hơn khi sử dụng nó. Tải xuống video đến máy chủ (nếu có Flash Player của bạn) hoặc, ví dụ: YouTube hoặc RutUBE. Nhận và lưu các tham chiếu trực tiếp đến từng mục của nội dung bản trình bày.

Đặt bố cục trang. Tạo một tệp văn bản, đặt nội dung của trang tương lai. Hoàn thành văn bản với đánh dấu. Loại đánh dấu, và, theo đó, các hành động liên quan đến bố cục phụ thuộc vào loại trang web. Đối với trang web, bạn sẽ cần phải tạo thành một đánh dấu HTML hoàn chỉnh (với thông số kỹ thuật HTML, bạn có thể tìm thấy trên trang web W3C.org). Đối với các trang web chạy CMS, đánh dấu phụ thuộc vào loại hệ thống. Thông thường, các phần riêng lẻ của trợ giúp CMS, có sẵn trên các trang web của nhà phát triển, trong bảng quản trị, được dành cho thông tin định dạng thông tin.

Tạo một trang mới trên trang web. Nếu trang web tĩnh, đổi tên tệp được tạo ở bước trước bằng cách đặt HTM hoặc HTML. Tải nó vào máy chủ vào thư mục mong muốn. Thay đổi các tệp khác để sắp xếp các liên kết đến một trang mới.
Nếu trang web được quản lý bởi CMS, hãy đăng nhập vào bảng quản trị của nó và chuyển đến phần Creation của tài liệu mới. Chọn loại tài liệu nếu cần thiết và vị trí của nó trong cấu trúc ảo của trang web. Sao chép nội dung được chuẩn bị trong hộp văn bản dành cho nó. Lưu tài liệu.

Video về chủ đề

Đôi khi nó trở nên cần thiết để tự động chuyển khách truy cập trang web từ trang này sang trang khác ở chế độ tự động. Đó là, chỉ đến và ngay lập tức mà không có câu hỏi và nhấp chuột của một cái gì đó - xin vui lòng một trang khác. Ví dụ, trang web di chuyển và khách truy cập vẫn chuyển đến địa chỉ cũ. Tất nhiên, siêu cách tạo ra một chuyển hướng của loại này ở mức cấu hình bổ sung của máy chủ Web (htaccess) hoặc tập lệnh máy chủ. Nhưng sau tất cả, số lượng cư dân Internet ngày càng tăng sẽ có được trang web của họ và hoàn hảo với họ được quản lý mà không có người giám sát. May mắn thay, nguyên tắc "Mỗi mong muốn - theo trang web" được thực hiện trên mạng mà không có bất kỳ dự án và thế chấp quốc gia nào. Vậy làm thế nào để không chuyên nghiệp thực hiện chuyển hướng khách truy cập tự động cho liên kết được chỉ định?

Chỉ dẫn

Có hai phiên bản đơn giản hơn của chuyển hướng không yêu cầu bất cứ điều gì ngoại trừ khả năng thực hiện các thay đổi thích hợp cho trang. Đầu tiên giải quyết HTML (ngôn ngữ đánh dấu siêu văn bản - "ngôn ngữ đánh dấu siêu văn bản"). Đây là ngôn ngữ mà chúng được viết. Đây là thẻ bạn cần -, cho biết trình duyệt, địa chỉ nào và bạn cần bao nhiêu giây để gửi một lượt truy cập của trang. Anh ấy trông như thế này:
Ở đây số "10" cho biết bạn cần đợi bao nhiêu giây - ví dụ để đọc một thông báo rằng trang web đã di chuyển. Và địa chỉ cung cấp cho trình duyệt URL nơi khách truy cập sẽ được gửi. Thẻ này phải được chèn vào "tiêu đề trang" - khu vực của mã HTML, bắt đầu bằng thẻ và kết thúc bằng thẻ.

Cách thứ hai của chuyển hướng sử dụng các khả năng của ngôn ngữ JavaScript. Để sử dụng mã HTML trang để nhập tương ứng. Trước tiên, bạn cần nói với trình duyệt rằng kịch bản JavaScript bắt đầu từ nơi này. Trong JavaScript, thẻ mở này trông như thế này:
Và đóng cửa như thế này:
Có hướng dẫn giữa hai thẻ này - các toán tử ngôn ngữ. Hiệu ứng chuyển hướng chúng tôi cần có thể đạt được bởi một số trong số họ:
window.location.reload ("http: //www.syt/");
hoặc là
document.location.replace ("http: //www.syt/");
hoặc là
document.location.href \u003d "/";
Mã kịch bản đầy đủ trong

Tất cả người dùng bằng cách nào đó liên quan đến các trang web, tạo hoặc chỉnh sửa chúng hàng ngày với việc tạo tài liệu tham khảo cho các tài liệu khác nhau. Và chắc chắn mỗi người trong số họ biết, cũng như với thẻ HTML nào tạo tham chiếu đến bất kỳ tài liệu nào trên Internet.

Tuy nhiên, không phải ai cũng biết cách đặt một liên kết đến một phần nhất định của trang. Nó có thể rất hữu ích nếu bạn viết bài viết lớn. Khi bắt đầu bài viết, bạn có thể tạo một mục lục, từ mỗi dòng, sau đó tạo một liên kết đến một phần của văn bản trên cùng một trang và bất kỳ khác.

Để hiểu những gì chúng tôi có nghĩa, hãy nhìn vào thiết kế các hướng dẫn gần đây của chúng tôi về điều đó. Ở đầu trang, chỉ cần thực hiện một menu như vậy liên kết đến một địa điểm trang cụ thể được thực hiện.

Cách liên kết đến một nơi nhất định của trang hiện tại

1. Ngồi phần neo của trang

Mục đầu tiên bạn cần gán cái gọi là "neo" của phần của trang mà người dùng nên chuyển khi nhấp vào liên kết. Để làm điều này, chèn đoạn mã sau vào phần này của trang.

Trang văn bản ...

nơi thay vì "neo" chèn bất kỳ từ nào, mong muốn phù hợp về ý nghĩa đối với đoạn mà bạn giới thiệu.

2. Tạo một liên kết đến "Neo"

Điều thứ hai bạn cần tạo một liên kết đến "Neo" được cài đặt trong đoạn đầu tiên ở vị trí của trang, từ nơi người dùng, theo bạn, có thể muốn đi đến phần văn bản bạn tham khảo. Ví dụ, nó có thể là một mục lục ở đầu bài viết. Liên kết đến "neo" trông như thế này

nơi "neo" thay thế từ được chọn trong đoạn đầu tiên của bài viết.

Cách tạo một liên kết đến một phần nhất định của trang khác

Theo cách tương tự, chúng tôi đã nhìn ở trên, bạn có thể đặt các liên kết không chỉ đến một phần của văn bản trên cùng một trang, mà còn là một nơi nhất định của bất kỳ trang nào khác. Điều chính là bạn đã có cơ hội để đặt neo. Điều này được thực hiện như sau:

1. Gán "neo" cho trang người nhận

Như trong đoạn trước, đặt "neo" của phần mong muốn của trang mà người dùng phải đi khi bạn nhấp vào liên kết trông như thế này.

Trang văn bản ...

nơi thay vì "neo" bạn phải chèn bất kỳ từ nào theo mong muốn của bạn.

2. Tạo một liên kết đến neo một trang khác

Như trong trường hợp trước, bạn chỉ cần đặt một liên kết đến neo được tạo trước đó. Sự khác biệt duy nhất là nếu tôi đề cập đến một phần của trang khác, bạn cần thêm URL của nó vào mã, nó sẽ trông giống như sau.

văn bản liên kết

Ở đâu, thay vì "Địa chỉ trang", tương ứng, bạn cần thay thế, URL của trang mà bạn tham khảo và thay vì văn bản "neo" bạn đã chọn khi tạo neo.

Các siêu liên kết có thể liên kết các trang cả trong một trang web và chỉ định bất kỳ trang nào trên Internet. Khi xây dựng tham chiếu đến các trang khác, bạn nên luôn luôn sử dụng địa chỉ trang tuyệt đối (http://www.site.com/page.html). Nếu bạn tạo một liên kết đến trang trong trang web, thì tốt nhất là sử dụng URL tương đối (trang. HTML, danh mục / page.html). Bằng cách tạo một siêu liên kết đồ họa, hãy nhớ rằng một số đồ họa không khả dụng, vì vậy hãy chắc chắn bao gồm các yếu tố văn bản thích hợp.

Thí dụ:

Siêu liên kết trong các trang HTML

Đôi khi cần phải tạo một siêu liên kết trong một trang. Ví dụ: trên trang này, đây là các siêu liên kết ở đầu bài học, cho phép bạn xem một câu hỏi cụ thể và ở cuối trang - cho phép bạn đi đến đầu trang.

Thí dụ:

Siêu liên kết bưu điện.

Thí dụ:

Mở các trang HTML trong một cửa sổ mới

Sử dụng thuộc tính Target, bạn có thể tải lên một trang trong một cửa sổ trình duyệt mới. Thuộc tính này được thiết kế để đặt tên của cửa sổ. Tên cửa sổ được sử dụng cho mục đích dịch vụ. Để mở trang trong một cửa sổ mới, bạn cần sử dụng hằng số _blank.

Thí dụ:

Màu của siêu liên kết văn bản

Liên kết thuộc tính, Alink, Vlink Đặt màu của phông chữ siêu liên kết.

Thuộc tính liên kết được sử dụng để tô sáng các siêu liên kết chưa được người dùng truy cập.

Thứ tự chuyển sang siêu liên kết

Một số trình duyệt có thể hỗ trợ chức năng chuyển đổi bằng các siêu liên kết bằng phím tab. Trong trường hợp này, trình duyệt mặc định nhấn mạnh các siêu liên kết theo thứ tự sau của chúng trong trang của trang. Bạn có thể thay đổi thứ tự chuyển đổi bằng thuộc tính thẻ tabindex . Để bật siêu liên kết thành một danh sách mô tả thứ tự chuyển tiếp mới, bạn cần gán một số dương nhất nhất định trong phạm vi từ 1 đến 32767. Để loại trừ siêu liên kết khỏi danh sách, bạn cần gán bất kỳ thuộc tính số âm nào. Khi người dùng nhấn phím tab, con trỏ chuyển sang siêu liên kết với giá trị chỉ mục tích cực nhỏ nhất. Nếu một số siêu liên kết được gán cùng một giá trị chỉ mục, lần chọn đầu tiên sẽ hóa ra là một trong trang trong trang của trang đứng ở trên.