Thẻ liên kết với hình ảnh:
Trong HTML, chúng ta không thể chèn trực tiếp toàn bộ ruột gan của một file hình ảnh, mà ta phải chỉ dẫn đến hình ảnh đặt bên ngoài. Để làm điều này, ta dùng thẻ![]()
. Đây là 1 thẻ đơn.
Thẻ này có một số thuộc tính sau:
- Src: Xác định địa chỉ URL của hình ảnh:
- Align: Xác định kiểu canh lề:
- Right: Canh theo lề phải
- Left: Canh theo lề trái
- Center: Canh theo lề giữa.
view plaincopy to clipboardprint?
Để tạo một liên kết tới một trang web khác, ta dùng cặp thẻ . Cặp thẻ này có các thuộc tính sau:
Href: Địa chỉ URL của trang web cần liên kết tới. bạn đã có một bookmark trên trang web, bạn có thể trỏ đến vị trí của bookmark bằng cách dùng thuộc tính href với dấu # và tên bookmark.
name: Xác định tên của bookmark (điểm liên kết trong nội tại trang web).
Ví dụ ta có 2 trang web:
Trang thứ nhất có địa chỉ là "tettrungthu.htm", có nội dung sau:
view plaincopy to clipboardprint?
Trong HTML, chúng ta không thể chèn trực tiếp toàn bộ ruột gan của một file hình ảnh, mà ta phải chỉ dẫn đến hình ảnh đặt bên ngoài. Để làm điều này, ta dùng thẻ
Thẻ này có một số thuộc tính sau:
- Src: Xác định địa chỉ URL của hình ảnh:
- Align: Xác định kiểu canh lề:
- Right: Canh theo lề phải
- Left: Canh theo lề trái
- Center: Canh theo lề giữa.
view plaincopy to clipboardprint?
- Code:
1. <HTML>
2. <HEAD>
3. <TITLE></TITLE>
4. </HEAD>
5. <BODY>
6. <p align="left" style="margin-left : 30">
7. <img src ="bigreen.gif" align = "right">
8. Trung thu là tết thiếu nhi
9. Tại sao người lớn lại đi chơi nhiều
10. Chơi nhiều thì sẽ làm liều
11. Làm liều lại đẻ ra nhiều thiếu nhi
12. </p>
13. </BODY>
14. </HTML>
15. - border: Xác định chiều dày của viền bao quanh ảnh.
16. <HTML>
17. <HEAD>
18. <TITLE></TITLE>
19. </HEAD>
20. <BODY>
21. <p align="left" style="margin-left : 30">
22. <img src ="bigreen.gif" border ="5">
23. Trung thu là tết thiếu nhi
24. Tại sao người lớn lại đi chơi nhiều
25. Chơi nhiều thì sẽ làm liều
26. Làm liều lại đẻ ra nhiều thiếu nhi
27. </p>
28. </BODY>
29. </HTML>
- Code:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<p align="left" style="margin-left : 30">
<img src ="bigreen.gif" align = "right">
Trung thu là tết thiếu nhi<BR>Tại sao người lớn lại đi chơi nhiều <BR>Chơi nhiều thì sẽ làm liều<BR>Làm liều lại đẻ ra nhiều thiếu nhi<BR></p>
</BODY>
</HTML>
- Code:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<p align="left" style="margin-left : 30">
<img src ="bigreen.gif" border ="5">
Trung thu là tết thiếu nhi<BR>Tại sao người lớn lại đi chơi nhiều <BR>Chơi nhiều thì sẽ làm liều<BR>Làm liều lại đẻ ra nhiều thiếu nhi<BR></p>
</BODY>
</HTML>
Để tạo một liên kết tới một trang web khác, ta dùng cặp thẻ . Cặp thẻ này có các thuộc tính sau:
Href: Địa chỉ URL của trang web cần liên kết tới. bạn đã có một bookmark trên trang web, bạn có thể trỏ đến vị trí của bookmark bằng cách dùng thuộc tính href với dấu # và tên bookmark.
name: Xác định tên của bookmark (điểm liên kết trong nội tại trang web).
Ví dụ ta có 2 trang web:
Trang thứ nhất có địa chỉ là "tettrungthu.htm", có nội dung sau:
view plaincopy to clipboardprint?
- Code:
1. <HTML>
2. <HEAD>
3. <TITLE></TITLE>
4. </HEAD>
5. <BODY>
6. <p align="left" style="margin-left : 30">
7. <img src ="bigreen.gif" border ="5">
8. Trung thu là tết thiếu nhi
9. Tại sao người lớn lại đi chơi nhiều
10. Chơi nhiều thì sẽ làm liều
11. Làm liều lại đẻ ra nhiều thiếu nhi
12. </p>
13. </BODY>
14. </HTML>
- Code:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<p align="left" style="margin-left : 30">
<img src ="bigreen.gif" border ="5">
Trung thu là tết thiếu nhi<BR>Tại sao người lớn lại đi chơi nhiều <BR>Chơi nhiều thì sẽ làm liều<BR>Làm liều lại đẻ ra nhiều thiếu nhi<BR></p>
</BODY>
</HTML>
- Code:
1. <HTML>
2. <HEAD>
3. <TITLE></TITLE>
4. </HEAD>
5. <BODY>
6. <p align="left" style="margin-left : 30">
7. Tet trung thu
8. </p>
9. </BODY>
10. </HTML>
11. Giả sử ta muốn thêm một liên kết với file "tettrungthu.htm" vào chữ Tet trung thu trong file danhsachthovui.htm, ta phải chèn cặp thẻ <a>...</a> như sau:
12. <HTML>
13. <HEAD>
14. <TITLE></TITLE>
15. </HEAD>
16. <BODY>
17. <p align="left" style="margin-left : 30">
18. <a href ="tettrungthu.htm">Tet trung thu</a>
19. </p>
20. </BODY>
21. </HTML>
