HTML5 XP session 04 tạo hyperlink và anchor t2

11 336 1
HTML5 XP session 04 tạo hyperlink và anchor   t2

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

Một hyperlink được gọi là một liên kết, liên kết đến một trang web hoặc một phần trong cùng một trang Web.Phần tử Anchorđược sử dụng để tạo ra một siêu liên kết.Người ta có thể chỉ định một văn bản hoặc một hình ảnh như một siêu liên kết. Khi chuột được di chuyển qua nội dung như vậy, con trỏ thay đổi thành một bàn tay với ngón tay trỏ của nó hướng về phía nội dung. Điều này có nghĩa rằng cách nhấn vào liên kết sẽ đưa người sử dụng đến các liên kết tương ứng. Để xác định phần trang được liên kết hoặc trang web liên kết, thuộc tính của phần tử A phải được sử dụng. Bảng dưới đây liệt kê các thuộc tính của phần tử A.

NexTGen Web Bài 04: Tạo Hyperlink Anchor HTML5/ Giới thiệu HTML51 Mục tiêu  Mô tả hyperlinks.  Giải thích đường dẫn tuyệt đối tương đối.  Tạo hyperlink tơi trang Web địa e-mail.  Tạo hyperlink tới anchor nội dung khác. HTML5 / Tạo Hyperlinks Anchors Các liên kết(Hyperlinks) 1-3     Một hyperlink gọi liên kết, liên kết đến trang web phần trang Web. Phần tử Anchorđược sử dụng để tạo siêu liên kết. Người ta định văn hình ảnh siêu liên kết. Khi chuột di chuyển qua nội dung vậy, trỏ thay đổi thành bàn tay với ngón tay trỏ hướng phía nội dung.    Điều có nghĩa cách nhấn vào liên kết đưa người sử dụng đến liên kết tương ứng. Để xác định phần trang liên kết trang web liên kết, thuộc tính phần tử A phải sử dụng. Bảng liệt kê thuộc tính phần tử A. Thuộc tính href Mô tả Quy định cụ thể URL trang web liên kết giá trị thuộc tính tên. hreflang Chỉ ngôn ngữ URL đích. HTML5 / Tạo Hyperlinks Anchors Các liên kết(Hyperlinks) 2-3     Thẻ sử dụng để cung cấp liên kết. Nó có thuộc tính href có liên kết đến URL đường dẫn trang Web. Ví dụ: Mô tả văn tài liệu tham khảo mà phục vụ cho liên kết phải cung cấp trước đóng thẻ cách sử dụng .  Ví dụ : Click to view the Aptech Web site HTML5 / Tạo Hyperlinks Anchors Các liên kết(Hyperlinks) 3-3  Xuất hình đây: HTML5 / Tạo Hyperlinks Anchors Thuộc tính Target  Thuộc tính target phần tử A xác định vị trí nơi mà trang web liên kết mở liên kết nhấp.   Người ta gán giá trị cho thuộc tính target. Bảng liệt kê số giá trị thuộc tính target. Giá trị Mô tả _blank Tải URL trang cửa sổ trống mới. _self Tải URL trang cửa sổ trang web tại. _top Tải URL trang khu vực hoàn toàn cửa sổ. HTML5 / Tạo Hyperlinks Anchors Đường dẫn tương đối tuyệt đối 1-2   Đường dẫn tuyệt đối liên kết có chứa địa đầy đủ để có trang web. Đường dẫn tuyệt đối cách tốt để liên kết đến trang web. Cú pháp: Aptech Web site  Đường dẫn tương đối liên kết cung cấp tập tin trang web thư mục với trang hiển thị liên kết. Cú pháp: Aptech Web site HTML5 / Tạo Hyperlinks Anchors Đường dẫn tương đối tuyệt đối 2-2   Liên kết đến tập tin có thư mục con, bạn cần phải cung cấp đường dẫn đến thư mục con. Ví dụ, aboutus_aboutaptechworldwide.html tập tin thư mục có tên về-chúng cú pháp sau : Cú pháp: Aptech Web site  Các tập tin diện thư mục mà cấp liên kết cách sử dụng đường dẫn tương đối. Cú pháp để liên kết đến tập tin mức sau : Cú pháp: Aptech Web site HTML5 / Tạo Hyperlinks Anchors Liên kết tới địa E-mail  Siêu liên kết chí áp dụng cho địa e-mail cách họ dùng cho trang Web.  Có nhiệm vụ khác thực liên kết dùng cho e-mail?, Chẳng hạn khách hàng e-mail mặc định, tạo tin nhắn mới, thêm dòng chủ đề, vậy.   Để thêm e-mail đến siêu liên kết, thuộc tính href phải sử dụng tiếp theo? mailto: địa email. Sau đoạn mã cho thấy cách để siêu liên kết địa e-mail. Customer Care  Để tự động thêm dòng tiêu đề thông báo e-mail mới, đối tượng thuộc tính =? Phải chèn vào sau địa e-mail.  Sau đoạn mã cho thấy cách để thêm dòng tiêu đề đến địa e-mail siêu liên kết. Customer Care HTML5 / Tạo Hyperlinks Anchors Liên kết tới loại nội dung khác  Siêu liên kết sử dụng để liên kết đến tập tin tài liệu khác.  Một số loại tập tin thường liên kết trang web sử dụng siêu liên kết tập tin nén (zip)., Các file thực thi (.exe)., Tài liệu (.doc), Các tập tin trình đọc PDF (.pdf)  Siêu liên kết sử dụng để liên kết đến hình ảnh .jpg .gif.  Để xác định tập tin thay trang web, tên tập tin phải cung cấp thẻ đoạn mã sau đây: Click to download the compressed zip file HTML5 / Tạo Hyperlinks Anchors Tổng kết  Một hyperlink gọi liên kết. Nó đề cập đến liên kết đến trang web phần trang Web.   Phần tử A (Anchor) sử dụng để tạo siêu liên kết. Thuộc tính target phần tử A xác định vị trí nơi mà trang web liên kết mở liên kết nhấp.   Đường dẫn tuyệt đối liên kết có chứa địa đầy đủ để có trang web. Đường dẫn tương đối liên kết cung cấp tập tin trang web thư mục với trang hiển thị liên kết.   Để thêm e-mail đến siêu liên kết, href = thuộc tính phải theo sau mailto: địa email. Siêu liên kết sử dụng để liên kết đến tập tin tài liệu tập tin nén (zip)., Các file thực thi (exe)., Tài liệu (.doc), Các tập tin trình đọc PDF (.pdf). HTML5 / Tạo Hyperlinks Anchors [...]... các href = thuộc tính phải được theo sau bởi mailto: địa chỉ email Siêu liên kết cũng có thể được sử dụng để liên kết đến tập tin và tài liệu như các tập tin nén (zip)., Các file thực thi (exe)., Tài liệu (.doc), Các tập tin trình đọc PDF (.pdf) HTML5 / Tạo Hyperlinks và Anchors ...Tổng kết  Một hyperlink được gọi là một liên kết Nó đề cập đến liên kết đến một trang web hoặc một phần trong cùng một trang Web   Phần tử A (Anchor) được sử dụng để tạo ra một siêu liên kết Thuộc tính target của các phần tử A xác định vị trí nơi mà các trang web liên kết sẽ mở ra khi một . Bài 04: Tạo Hyperlink và Anchor NexTGen Web  Mục tiêu    . '"%  ()'*+," - .&/,01*,  ()2,)&+#"2 ()&3) Các liên kết(Hyperlinks) 1-3 ()&3)  +. liên kết(Hyperlinks) 2-3  UV,W 4>#?"@"N*+67  ABB+RXOB2677*+YZ): !"#$J,*+," - .  [#? ()&3) <a

Ngày đăng: 23/09/2015, 16:26

Từ khóa liên quan

Mục lục

  • Slide 1

  • Mục tiêu

  • Các liên kết(Hyperlinks) 1-3

  • Các liên kết(Hyperlinks) 2-3

  • Các liên kết(Hyperlinks) 3-3

  • Thuộc tính Target

  • Đường dẫn tương đối và tuyệt đối 1-2

  • Đường dẫn tương đối và tuyệt đối 2-2

  • Liên kết tới địa chỉ E-mail

  • Liên kết tới các loại nội dung khác

  • Tổng kết

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan