Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Chúng tôi có thể thêm các liên kết trang vào một trang web. Liên kết HTML là siêu liên kết. Thẻ xác định một siêu liên kết và được sử dụng để liên kết từ trang này sang trang khác. Thuộc tính href được sử dụng với thẻ, cho biết đích của liên kết

Để tạo liên kết trang trong trang HTML, chúng ta cần sử dụng thuộc tính href của thẻ và. Đảm bảo rằng thẻ được đặt trong thẻ …

Văn bản liên kết có thể nhìn thấy. Nhấp vào văn bản liên kết sẽ điều hướng đến địa chỉ URL được chỉ định. Theo mặc định, các liên kết sẽ xuất hiện như sau trên trang web của trình duyệt

  • Một liên kết chưa được truy cập được gạch chân và có màu xanh lam

  • Một liên kết đã truy cập được gạch chân và có màu tím

  • Một liên kết hoạt động được gạch dưới và màu đỏ

cú pháp

Sau đây là cú pháp tạo liên kết trang trên trang web

 text of the link 

Thí dụ

Chương trình ví dụ sau để tạo liên kết trang trên tài liệu web

HTML Article on Links

Click this to navigate to the Google home page

Sau đây là kết xuất cho hình ảnh dưới dạng liên kết, nhấp vào hình ảnh sẽ điều hướng chúng ta đến trang chủ google

Cách thêm điều hướng vào trang HTML đơn giản

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?
Trong bài học này, chúng ta sẽ thêm điều hướng giữa hai trang web HTML đơn giản của mình.
Nếu đến giờ bạn vẫn chưa theo các bài học thì nên bắt đầu lại từ đầu khóa học. Đối với bài học này, bạn sẽ muốn có “chỉ mục. html” mở trong cả Notepad và trình duyệt của bạn để chúng tôi có thể thay đổi nó và làm mới trình duyệt để xem chúng, như thường lệ.
Liên kết của chúng tôi ở trên cùng có vẻ hơi lạc lõng và đơn độc. Hầu hết các trang web đều có nhiều trang, vì vậy, hãy thêm một yếu tố cho phép chúng tôi điều hướng giữa nhiều trang. Trong quá trình này, chúng tôi sẽ gặp thêm một số thẻ mới và thậm chí thêm kiểu CSS đầu tiên của chúng tôi.

Sử dụng các nút bên dưới để điều hướng qua bài học

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?

Bạn sẽ điều hướng giữa nhiều trang trong html như thế nào?



Thực hiện các thay đổi sau đối với chỉ mục của bạn. html




FOTC First Website



id=”content”>

FOTC Website Tutorial



Making our first page


It is possible to make websites using these extremely simple tools. This is great news as it means everyone can learn to make websites.


For now we only have a simple page, but later we will make it more complex and interesting.



What have we learned so far?


So far we have learned a few simple tags for placing text onto a page.





You’ll note that I’ve removed our old tag from inside the

. I’ve added an id attribute to the section – don’t worry about that for now, we’ll need it later.

I’ve also added a new