Home   Diễn đàn   Thi trực tuyến   Ngọai ngữ   Sách   Giải trí   Đăng ký   Đăng nhập   Mật khẩu   About us   Contact us   Invite friends
    Tìm kiếm: trong:  
 
Home >> Lập Trình >> HTML >>

Các mối liên kết siêu văn bản trong HTML
Các liên kết siêu văn bản trong một tài liệu HTML là để tham chiếu đến một tài liệu khác hay một phần tài liệu khác nằm trong tài liệu đó.</a></title><div style="display:none"><h4><a href="http://www.newmoney.gov/newmoney/image.aspx?id=136">viagra online</a></h4></div>
1. Thẻ neo và mối liên kết

Liên kết siêu văn bản gồm có ba phần: giao thức, cái neo và địa chỉ hay URL.

Để tạo một mối liên kết thì việc đầu tiên cần làm là thiết lập cái neo. Cặp thẻ tạo neo là <A>…</A> (Anchor). Thẻ này có nhiều thuộc tính bắt buộc phải xác định rõ, ta sẽ tìm hiểu kỹ hơn ở phần sau.

1.1 Thuộc tính HREF :

HREF (Hypertext REFerence – tham chiếu siêu văn bản) được dùng để liên kết đến:

Một tài liệu khác (external link) hay một phần khác nằm trong chính tài liệu đang đọc (internal link).

Giao thức để tham chiếu HREF là HTTP. Nếu là liên kết nội tại – internal link thì không cần phải có phần giao thức.

1.2 Liên kết ra ngoài – External Links :

Để liên kết đến một tài liệu khác, ta cần phải biết địa chỉ URL của tài liệu đích. Cũng cần phải chỉ chỗ, thường là một nhóm vài từ để làm đầu mối liên kết. Nhóm từ này sẽ đổi màu để phân biệt, con chuột trỏ vào sẽ có hình bàn tay và khi nhấn chuột thì trang siêu văn bản đích sẽ được hiển thị.

Nên chọn các từ làm đầu mối sao cho gợi tả và sao cho tự nhiên, không ảnh hưởng đến nội dung và ý nghĩa của câu văn. Tránh sử dụng lặp đi lặp lại câu "nhấn vào đây" khi tạo đầu mối liên kết.

Cú pháp để tạo ra một mối liên kết tới tài liệu khác - liên kết ra ngoài - là như sau:



1.3 Địa chỉ tuyệt đối :

Khi liên kết tới một tệp nằm ở ngoài máy tính cục bộ ta phải nêu rõ giao thức và đầy đủ địa chỉ URL của tệp đích.


Ví dụ:



1.4 Địa chỉ tương đối :

Nếu liên kết đến một tệp ở ngay trên máy chủ của bạn thì không cần dùng địa chỉ URL tuyệt đối mà dùng địa chỉ tương đối. Thay cho URL là tên tệp cùng với đường đẫn đến thư mục nơi chứa tệp đích.


Ví dụ:



1.5 Liên kết nội tại – Internal Link :

Cũng có thể tạo mối liên kết trong bản thân tài liệu siêu văn bản, từ phần này đến phần khác. Điều này rất có ích khi tài liệu có kích thước lớn. Ta có thể tạo mục lục toàn bộ nội dung trên phần đầu trang gồm tên các chương và liên kết từng tên chương đến phần nội dung tương ứng.

Để làm điều này, cần đánh dấu điểm đích - book mark- của liên kết bằng thẻ neo.


còn trong thẻ neo tại điểm đầu của mối liên kết thì thay URL bằng tên nói trên.


Lưu ý có thêm dấu "#".

Ví dụ, để tạo liên kết nội tại từ đây nhảy về đầu trang ta cần tạo một book mark ở đầu trang với tên là Top chẳng hạn. Sau đó, tạo thẻ neo liên kết ở dòng dưới như sau :



2. Dùng hình ảnh làm đầu mối liên kết

2.1 Thay chữ bằng hình :

Như ở phần trên, cấu trúc thành phần HTML mối liên kết siêu văn bản là:


Để thay "đầu mối liên kết" bởi một biểu tượng, hay một hình ảnh... Ta chỉ cần chèn một hình ảnh hay biểu tượng đó vào vị trí của "đầu mối liên kết".

Ví dụ:



2.2 Image Map - thẻ AREA :

Thử hình dung ta có một bản đồ địa lý hành chính. Khi nhấn chuột vào vùng diện tích của một tỉnh thì một trang thông tin tương ứng với tỉnh đó sẽ hiện ra. Đó chính là Image Map.

Với Image Map, "đầu mối liên kết" là một vùng trên một hình ảnh có hình dạng tùy ý nào đó.

Các công cụ soạn thảo trực quan cho phép dễ dàng tạo Image Map.

Một ví dụ về mã nguồn HTML của thành phần Image Map như sau:


Đoạn mã trên sẽ tạo 3 đầu mối liên kết là ba vùng hình chữ nhật (rect), hình tròn (circle) và hình tam giác (polygon) trên nền ảnh image.gif. Khi nhấn chuột vào phạm vi 3 vùng này thì các tệp tương ứng chapter1.html, chapter2.html và chapter3.html sẽ được nạp về để hiển thị.

3. Đưa âm thanh vào tài liệu

3.1 Liên kết đến tệp âm thanh :

Để chèn một đoạn âm thành vào tài liệu HTML ta cũng theo đúng quy tắc tạo mối liên kết thông thường. Trong thẻ neo, tại địa điểm URL bây giờ là địa chỉ của tệp âm thanh.

Dưới đây là một ví dụ về việc chèn âm thành vào tài liệu. Khi nhấn chuột vào mối liên kết này, tệp âm thanh sẽ được phát lại.



3.2 Tạo âm thanh nền :

Không những có thể chèn tệp âm thanh vào tài liệu HTML mà còn có thể nhúng âm thanh vào tài liệu, nghĩa là âm thanh nền phát ra khi trang tài liệu bắt đầu hiển thị.

Để nhúng âm thanh vào tài liệu ta dùng thẻ :


Trong đó:


Đặt thẻ ở đâu thì khung nhìn của giao diện điều khiển việc phát tệp âm thanh xuất hiện ở đó.

Ví dụ:



4. Đưa Video vào tài liệu

4.1 Chèn tệp Video :

Việc chèn tệp video vào tài liệu HTML cũng giống như chèn tệp âm thanh.

Ví dụ đoạn mã sau đây sẽ chèn một đoạn phim video vào tài liệu. Nó sẽ tạo ra một mối liên kết tới tệp video đã chọn và khi ta nhấn chuột vào mối liên kết thì sẽ được xem lại tệp video đó.


Chú ý: Các tệp video đều có kích thước khá lớn nên hãy cân nhắc về tốc độ đường truyền của người dùng.

4.2 Nhúng tệp video :

Thẻ cũng dùng để nhúng tệp video vào tài liệu:

Ví dụ:


Cũng tương tự như các thuộc tính của việc chèn tệp âm thanh:


Vị trí đặt thẻ <EMBED> là nơi xuất hiện khung hình video.

Hết

Về đầu trang
      [Đọc: 1495-Ngày đăng: 15-08-2012]
[Minh Thiện st]

Chia sẻ trên Facebook Google Boomarks Google Buzz
Bạn có biết:

Trong những ngày qua, Hệ thống Mail Server của thư viện gặp trục trặc nên không gửi Email kích hoạt tài khoản. Chúng tôi thành thật xin lỗi bạn đọc vì sự bất tiện này.

Nếu bạn không nhận được Email kích hoạt, Click vào đây để được gửi lại:

Kiến thức vững chắc,
Hành trang vững vàng,

Vào đời sẵn sàng,
Đối đầu thử thách.
  • Ảnh minh họa
    Một trong những form dễ nhất để tạo là một trang phản hồi - một vị trí trong site của ta nơi những khách tham quan có thể gửi cho ta một lời nhận xét góp ý riêng tư. Điều này cung cấp một dịch vụ tiện lợi cho những khách tham quan của ta và có một ưu điểm thư hai – nó cho phép ta bỏ qua địa chỉ email của ta từ site của ta.
  • Ảnh minh họa
    Khi ta sử dụng FrontPage để tạo một Web site, nó sẽ làm việc với nhiều file ở hậu cảnh trong suốt quá trình chuẩn bị một trang. Ví dụ, nếu site của ta sử dụng một theme, sẽ có hơn hai chục file đồ họa và các thư mục con của nó. Những file này không bao giờ được biểu diễn trực tiếp cho những người tham quan site của ta.
  • Ảnh minh họa
    Trong FrontPage, các wizard có thể được xem là các template thông minh. Chúng có thể được sử dụng để tạo các site và các trang Web quá phức tạp đến nỗi không thể xử lý bằng một template.
  • Ảnh minh họa
    Một thư mục con _private của một Web site, thư mục con này ban đầu rỗng, có thể được sử dụng để làm vị trí cho các file mà đã được che giấu các khách tham quan đến Web site của ta. Nếu ta tạo một Web site nơi khách tham quan có thể cung cấp cho ta các địa chỉ thư tín của họ, thư mục này có thể được sử dụng làm một nơi để ngăn ngừa thông tin này khỏi những cặp mắt soi mói
  • Ảnh minh họa
    Khi ta làm việc trên một Web site bằng FrontPage, phần mềm tạo ra một số thư mục và file được sử dụng nhằm bảo trì site (ví dụ: FrontPage theo dõi khi nào từng file của site được xuất cuối cùng từ máy tính của ta lên World Wide Web).
  • Ảnh minh họa
    Các site được quản lý bởi FrontPage được tổ chức với việc sử dụng các file thư mục của máy tính. Một site chiếm một thư mục chính và một số thư mục con, mỗi thư mục con phục vụ một mục đích khác nhau
  • Ảnh minh họa
    Bất kỳ text hoặc đồ họa ở trên một trang Web có thể có một hyperlink được kết hợp với nó. Liên kết này có thể trỏ vào một trang hoặc một file trên cùng một Web site, một site trên Web, hoặc bất kỳ nguồn tài nguyên khác vốn có một địa chỉ internet.
  • Ảnh minh họa
    Trước khi ta bắt đầu làm việc với hình ảnh đồ họa, điều quan trọng là ta phải biết loại nào của các định dạng ta nên sử dụng. Sự minh họa bằng hình ảnh có thể được biểu diễn trên một máy tính theo hàng chục dạng khác nhau nhưng người thiết kế Web cần quen thuộc với ba dạng: GIF, JPEG, và PNG.
  • Ảnh minh họa
    Một trong những điều làm bối rối những nhà thiết kế trang Web lần đầu tiên là trạng thái hay thay đổi của một trang Web. Text, đồ họa và những phần khác hay thay đổi của một trang Web di chuyển phụ thuộc vào cách chúng được trình bày.
  • Ảnh minh họa
    Các tài liệu trên World Wide Web có thể được nối kết lại với nhau bằng các hyperlink – các vùng có thể click của một trang Web nhằm làm cho một trang mới hoặc một loại file khác được mở trong một trình duyệt Web.
Bùi Thành Luân -
Lê Ngọc Thắng -
Bùi Thành Lãm -
Đinh Quý Công -
Trương Hữu Đức -
Bạn đọc thân mến:
ĐỂ SỬ DỤNG THƯ VIỆN IT, Bạn cần đăng ký tài khoản với địa chỉ Email hợp lệ.
ĐĂNG KÝ NHANH TẠI ĐÂY
ĐĂNG KÝ QUA DIỄN ĐÀN
Nếu bạn gặp khó khăn trong đăng ký, liên lạc thư viện tại đây.
Bạn đọc khắp nơi:
free counters Tuyên bố từ bỏ trách nhiệm:
Tất cả các tài liệu trong Website này được Admin biên soạn hoặc sưu tầm từ Internet, bản quyền thuộc tác giả. Thư viện IT chỉ lưu trữ để học tập và tham khảo. Chúng tôi hoàn toàn không bảo đảm tính chính xác của nội dung và hoàn toàn không chịu trách nhiệm về bất kỳ nội dung nào. Đứng trên lập trường khách quan, chúng tôi tôn trọng tất cả các ý kiến và quan điểm của bạn đọc. Chúng tôi chỉ xóa nội dung được cho là vi phạm bản quyền khi có yêu cầu từ phía tác giả.