Khi thiết kế trang web, nhiều khi bạn cần tạo một liên kết từ một phần của trang web đến một phần khác, lấy ví dụ khi tạo liên kết đến giữa bài viết hoặc đầu bài viết hoặc có thể đến cuối trang.
Ví dụ minh họa: Đến cuối bài viết
Bằng một số cú pháp HTML đơn giản thì bạn có thể thực hiện được công việc này.
Bước 1: Chọn vùng văn bản bạn cần liên kết dẫn đến khi được kích chuột vào liên kết. Ở ví dụ trên, văn bản được liên kết đến là HTML, được đặt trong câu "Xem tất cả bài viết trong chuyên mục Thủ thuật HTML" nằm ở cuối bài viết này.
Sau khi chọn từ bạn muốn liên kết đến thì bạn phải tạo một liên kết neo như thế này:
<a name="Text">Text</a>
Văn bản in đậm sẽ là văn bản được chọn, theo như ví dụ trong trang này là HTML. Dù bạn có thể thay đổi văn bản màu đỏ thành văn bản bạn thích song sẽ dễ dàng để nhớ hơn nếu bạn chỉ sử dụng cùng nội dung văn bản với văn bản bạn chọn làm neo liên kết. Theo như ví dụ trong trang này sau khi tạo neo thì nó trông như thế này:
Xem tất cả bài viết trong chuyên mục Thủ thuật <a name="HTML">HTML</a>
Bước 2: Bước cuối cùng là bạn phải tạo liên kết thực mà khi kích chuột vào thì sẽ đưa bạn đến văn bản neo.
<a href="#Text">Click Here</a>
Ở ví dụ trong trang này, tôi chọn HTML làm văn bản neo và “Đến cuối bài viết” được sử dụng để tạo liên kết. Khi kích chuột vào thì trang web sẽ nhảy đến văn bản neo HTML đã chọn.
Khi tạo liên kết, bạn phải sử dụng cùng tên trong liên kết với phần neo liên kết. Trong ví dụ tôi đã sử dụng HTML trong thẻ neo và HTML trong liên kết thực. Khi tạo liên kết, tôi đã sử dụng đoạn code này:
<a href="#HTML">Đến cuối bài viết</a>
Thứ Sáu, 8 tháng 7, 2011
Đăng ký:
Đăng Nhận xét (Atom)
Labels
- 18+ (1)
- Album ảnh cưới (2)
- Ảnh desktop (2)
- ảnh hải phòng (1)
- Ảnh lưu (3)
- bài hát (1)
- bấm huyệt (1)
- biển đông (1)
- biểu tình (2)
- ca khúc (1)
- cắt cáp (1)
- chấp pháp (1)
- chống trung quốc (2)
- chủ quyền (1)
- chúc mừng năm mới (1)
- đăng ký tên miền (1)
- đường lưỡi bò (1)
- facebook (2)
- fam (1)
- forum (1)
- gây hấn (1)
- hà nội (1)
- hải phòng (2)
- hải tặc (1)
- HTML (3)
- kis (1)
- kis2012 (1)
- làm vợ (1)
- lãnh hải (2)
- logo fam (1)
- Love song (1)
- lượm (12)
- Mẹo (4)
- ngư chính (1)
- Người già (3)
- Nhạc tiền chiến (1)
- Phần mềm (1)
- Phim hoạt hình (1)
- sex (6)
- Tán gái (2)
- tàu hải giám (1)
- tàu sân bay (1)
- Tâm lý (20)
- template (3)
- Tên miền (1)
- tên miền miễn phí (1)
- thiết kế logo (1)
- thủ thuật (1)
- Thủ thuật blogspot (62)
- Tin học (50)
- tranh chấp (1)
- Trẻ em (2)
- TV online (1)
- vợ chồng (1)
- Y học (30)
- yêu nước (1)
- yoga (19)
Nhãn
Thủ thuật blogspot
(62)
Tin học
(50)
Y học
(30)
Tâm lý
(20)
yoga
(19)
lượm
(12)
sex
(6)
Mẹo
(4)
HTML
(3)
Người già
(3)
template
(3)
Ảnh lưu
(3)
Album ảnh cưới
(2)
Trẻ em
(2)
Tán gái
(2)
biểu tình
(2)
chống trung quốc
(2)
facebook
(2)
hải phòng
(2)
lãnh hải
(2)
Ảnh desktop
(2)
18+
(1)
Love song
(1)
Nhạc tiền chiến
(1)
Phim hoạt hình
(1)
Phần mềm
(1)
TV online
(1)
Tên miền
(1)
biển đông
(1)
bài hát
(1)
bấm huyệt
(1)
ca khúc
(1)
chúc mừng năm mới
(1)
chấp pháp
(1)
chủ quyền
(1)
cắt cáp
(1)
fam
(1)
forum
(1)
gây hấn
(1)
hà nội
(1)
hải tặc
(1)
kis
(1)
kis2012
(1)
logo fam
(1)
làm vợ
(1)
ngư chính
(1)
thiết kế logo
(1)
thủ thuật
(1)
tranh chấp
(1)
tàu hải giám
(1)
tàu sân bay
(1)
tên miền miễn phí
(1)
vợ chồng
(1)
yêu nước
(1)
đăng ký tên miền
(1)
đường lưỡi bò
(1)
ảnh hải phòng
(1)
Không có nhận xét nào:
Đăng nhận xét