Bạn có thể liên kết html này với html khác không?

Ok, bạn có một trang mà bạn đã học cách viết trong bài học đầu tiên. Bây giờ, bạn sẽ cần một trang khác. Nó không phải là bất cứ điều gì tuyệt vời, chỉ cần một trang rất cơ bản là đủ. Bạn có thể sao chép trang đầu tiên và chỉ cần lưu nó dưới tên khác nếu bạn muốn. Chỉ cần đảm bảo rằng bạn biết tên của hai tệp và chúng nằm trong cùng một thư mục. Đừng quên gọi cho trang chủ của bạn index.html

mẹo nguồn. Luôn sử dụng chữ thường khi đặt tên tệp html, hình ảnh và thư mục. Hầu hết các máy chủ web (máy tính cuối cùng bạn sẽ đặt trang web của mình vào) đều phân biệt chữ hoa chữ thường, điều đó có nghĩa là các tệp của bạn có sử dụng chữ in hoa hay không đều quan trọng đối với chúng. Khi liên kết đến các trang hoặc nhập URL, bạn không muốn phải nhớ cách viết hoa của từng chữ cái, vì vậy nếu mọi người sử dụng các chữ cái nhỏ thì vấn đề sẽ biến mất

Cấu trúc liên kết

Giống như tất cả các thẻ, các liên kết tuân theo một cấu trúc và có thẻ bắt đầu và thẻ kết thúc. Đặt dòng mã này trên một trong các trang của bạn

Rất quan trọng Liên kết

Giải trình

  • a. a là viết tắt của Anchor, có nghĩa là Liên kết. Đây là thẻ làm cho tất cả xảy ra
  • href. Có nghĩa là tham chiếu siêu văn bản. Phần href là một thuộc tính khác, với vị trí của trang khác là giá trị của nó. Chỉ cần thay đổi trang khác. html vào tên của tệp thứ hai. Đừng quên dấu ngoặc kép

Bất cứ điều gì bạn đặt bên trong các thẻ liên kết sẽ trở thành một liên kết, có màu xanh lam và được gạch dưới. Khi bạn đặt chuột lên đó, con trỏ của bạn sẽ biến thành một bàn tay và URL của trang sẽ xuất hiện trên thanh trạng thái của trình duyệt (ở cuối cửa sổ). Nếu bạn muốn tạo liên kết đến các phần khác trên trang của mình (ví dụ: liên kết đến đầu trang), hãy thiết lập một số liên kết nội bộ. Thay đổi màu mặc định của các liên kết được xử lý trong thuộc tính cơ thể

Liên kết đến các địa chỉ email

Nếu bạn muốn cho phép mọi người gửi email cho bạn bằng cách nhấp vào liên kết, bạn sử dụng mã này

gửi thư cho tôi

để tạo cái này - gửi thư cho tôi - sẽ mở chương trình email của người dùng với địa chỉ của bạn trong phần Đến. hộp

Liên kết đến hình ảnh

Liên kết đến tệp ảnh thực tế giống như liên kết đến tệp html. Chỉ bao gồm tên của tệp và đừng quên hậu tố chính xác — tôi. e. nếu nó là gif hoặc jpg. Để biết danh sách các định dạng tệp cho hình ảnh trên web, hãy đọc phần này. Nếu bạn muốn sử dụng hình ảnh làm liên kết, hãy đọc phần hướng dẫn tiếp theo

Liên kết đến các tập tin

Bạn liên kết đến một tập tin giống như một hình ảnh. Sự khác biệt duy nhất là nó sẽ không mở trong trình duyệt mà thay vào đó sẽ tải xuống một vị trí được chỉ định trên ổ cứng của người đọc. Một ví dụ

tải bài hát xuống (2. mp3 6MB)

Nhúng tệp trực tiếp vào trang là một quy trình khác. Chúng tôi cũng có một trang về các định dạng tệp Internet

Liên kết tuyệt đối và tương đối

Các địa chỉ Internet tuân theo chặt chẽ cấu trúc phân cấp đã thiết lập mà bạn có thể quen thuộc trên hệ thống tệp của máy tính. Đầu tiên là tên miền Internet, như www. thí dụ. com. Tiếp đến là các thư mục (folder) chứa tệp và cuối cùng là tên tệp, với phần mở rộng loại tệp phù hợp. Mỗi phân đoạn của url được phân tách bằng dấu gạch chéo lên. Luôn luôn ghi nhớ. trên Internet, tất cả các dấu gạch chéo đều đi về phía trước

Có hai cách khác nhau để trỏ liên kết của bạn đến một tệp. “Liên kết tuyệt đối” bao gồm địa chỉ trang web đầy đủ, bao gồm cả http. // và www. chút ít. “Liên kết tương đối” ngắn hơn nhiều và dễ quản lý hơn và chỉ có thể được sử dụng để trỏ đến các trang khác trên cùng một trang web

Chẳng hạn, giả sử bạn có một trang tên là page1. html trong thư mục “liên kết” của trang web của bạn. href tuyệt đối cho trang này là http. //www. thí dụ. com/liên kết/trang1. html. Vì vậy, bạn đặt liên kết đó ở bất kỳ đâu trên bất kỳ trang nào, trên bất kỳ trang web nào và nó sẽ luôn dẫn đến trang đó trên web

Liên kết tương đối chỉ có thể liên kết đến một trang từ cùng một trang. Địa chỉ luôn liên quan đến vị trí của tệp thứ hai. Nếu bạn đang liên kết đến cùng một trang đó từ một trang trong cùng một thư mục, thì href sẽ chỉ là trang1. html. Nếu bạn đang liên kết từ trang chủ của mình, tôi. e. , trong thư mục gốc, liên kết sẽ đọc là , vì bạn sẽ phải đi xuống thư mục trước, sau đó lấy tệp

mẹo nguồn. Nếu bạn đặt tên tệp là index.html trong thư mục của mình, bạn có thể tạo liên kết đến các trang này bằng cách chỉ liên kết đến tên thư mục. Trình duyệt của bạn sẽ luôn lấy chỉ mục làm trang chính cho thư mục đó. Điều này có nghĩa là bạn có thể rút gọn 2 thành 3. Dấu gạch chéo cho trình duyệt biết rằng nó nên tìm thư mục chứ không phải tệp. Đừng quên nó

liên kết thể dục dụng cụ

Nếu bạn cần đi lên một thư mục, rồi quay xuống một thư mục khác, bạn sẽ phải hiểu cách trang web của mình được bố trí. Sử dụng Nguồn HTML làm ví dụ, chúng tôi hiện đang ở phần “myfirstsite”. Hãy nhìn vào thanh địa chỉ của bạn để xem. Nếu chúng ta muốn liên kết tương đối đến phần “hình ảnh”, chúng ta phải đi lên một thư mục rồi xuống thư mục hình ảnh. Vì vậy, họ hàng đầy đủ của href sẽ là
5
Bạn có thấy hai dấu chấm không? . Vì vậy, cho dù bạn truy cập sâu vào trang web của mình đến mức nào, bạn luôn có thể quay lại với một vài. /. /'S. Chỉ cần đếm các thư mục cho đến khi bạn ở cấp độ phù hợp.

mẹo nguồn. Nếu bạn muốn liên kết đến một trang gần đầu trang web của mình (không nằm sâu trong các thư mục), bạn có thể bắt đầu liên kết bằng dấu gạch chéo. Điều này có nghĩa là "bắt đầu từ thư mục gốc". Vì vậy, href ở trên chỉ có thể là 7. Điều này giúp bạn tiết kiệm phải đặt vô số. /. /S. Liên kết quay lại trang chủ của bạn luôn là 8

Trên các liên kết bên ngoài (liên kết đến các trang web khác), bạn phải luôn nhớ thêm tiền tố địa chỉ bằng http. //. Nếu không, liên kết sẽ không hoạt động, trình duyệt sẽ tìm tệp có tên www. nguồn html của bạn. com trong trang web của bạn. Bạn sẽ liên kết với chúng tôi, phải không?

Để làm điều này một cách chính xác, về cơ bản, bạn chỉ cung cấp một liên kết tuyệt đối, như trên. Vì vậy, địa chỉ chính xác để liên kết đến sẽ là http. //www. nguồn html của bạn. com/. Chú ý dấu gạch chéo kết thúc? . e. thư mục) hoặc tên miền, như trong ví dụ này. Đừng đặt một dấu gạch chéo sau một. html, chỉ dành cho các thư mục như. com hoặc một địa chỉ không có hậu tố

Cấu trúc trang web

Nếu không có kế hoạch trò chơi đơn giản, trang web của bạn sẽ sớm rất khó tìm nội dung cho bạn, với tất cả các tệp bạn tiếp tục chất đống trong đó. Vì vậy, bạn nên nhóm các trang có cùng chủ đề vào các thư mục (directory). Giữ tất cả hình ảnh của bạn trong một thư mục, tránh xa các tệp html của bạn (gọi thư mục là “hình ảnh” hoặc “phương tiện” hoặc đại loại như vậy)

Tôi cũng khuyên bạn nên làm việc trên một mẫu thiết kế của bạn. Nó có thể không quan trọng bây giờ, vì trang web của bạn có thể không có thiết kế đặc biệt, nhưng sau này có tệp này sẽ giúp bạn tiết kiệm hàng giờ. Những gì bạn làm là lưu một tệp không có nội dung, chỉ có bố cục của các trang dưới dạng MẪU. html trong mỗi thư mục của trang web của bạn (viết hoa sao cho nổi bật), với tất cả các liên kết chính xác. Sau đó, khi bạn thêm một trang vào một thư mục, bạn chỉ cần mở tệp này và thêm nội dung của mình vào đó và lưu dưới một tên khác, để lại mẫu. html trống, sẵn sàng cho mục đích sử dụng khác. Để xem mẫu của chúng tôi cho thư mục này, hãy xem cái này. Kiểm tra, chúng tôi có một trong mỗi thư mục

Giả sử bạn có một trang web về hệ mặt trời (chỉ cần nói). Giữ tất cả các tệp về mars trong một thư mục có tên là “mars”, với tất cả các hình ảnh của mars trong một thư mục có tên là “hình ảnh” trong thư mục có tên là “mars”. Và giữ những hình ảnh của Uran—. không. tôi ở trên đó