Thứ Ba, 1 tháng 10, 2013

Bài 5 – Các thành phần trong HTML – Thẻ liên kết

11:00  K20 - IFI  No comments

Để liên kết giữa các trang Web với nhau hay liên kết đến địa chỉ Internet hoặc Email và địa chỉ tệp tin nội bộ, chúng ta sử dụng thẻ liên kết <a></a>

Có 2 dạng liên kết chính: liên kết với một trang web bên ngoài và liên kết đến một trang web trong cùng website.
B1: Tạo file bai5.html, nhập đoạn code sau
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<head>
<title>Bài 5 - Thẻ liên kết</title>
</head>
 
<body>
    <a href="vidu.html">Liên kết đến trang ví dụ</a>
    <br />
    <a href="http://www.w3schools.com/">Liên kết đến trang w3schools</a>
</body>
</html>
B2: Tạo tiếp file vidu.html, lưu vào cùng thư mục với file bai5.html. Nhập đoạn code sau:
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
<title>Ví dụ</title>
</head>
 
<body>
    <h1>Đây là trang ví dụ.</h1>
</body>
</html>
Trong thẻ có thuộc tính href, thuộc tính này sẽ quyết định đường link mà chúng ta nhập vào sẽ dẫn người dùng đến đâu. Trong ví dụ trên chúng ta có hai đường link:
– Một dẫn đến trang ví dụ: <a href=”vidu.html”>Liên kết đến trang ví dụ</a>
– Một dẫn đến trang w3schools: <a href=”http://www.w3schools.com/”>Liên kết đến trang w3schools</a>
B3: Mở file bai5.html bằng trình duyệt
1
B4: Click vào đường link Liên kết đến trang ví dụ, kết quả trả về sẽ là trang vidu.html
2
Ngược lại click vào đường link Liên kết đến trang w3schools sẽ dẫn chúng ta đến trang w3schools
1

Posted in:

0 nhận xét:

Đăng nhận xét