Hướng dẫn how do you link a link to a file in html? - làm thế nào để bạn liên kết một liên kết đến một tệp trong html?

Đường dẫn // www.yourhtmlsource.com → trang web đầu tiên của tôi → liên kết cơ bản // www.yourhtmlsource.com → My First Site → BASIC LINKS

Khi bạn có khả năng tạo các trang HTML, bạn sẽ muốn tìm hiểu cách tạo liên kết giữa chúng, để bạn có thể bắt đầu xây dựng một trang web. Liên kết là bản chất của HTML - chúng là những gì làm cho nó trở nên độc đáo. Trong khi bạn học các liên kết, tôi cũng sẽ dạy cho bạn các nguyên tắc cơ bản của tổ chức và cấu trúc trang web.
While you learn links I’ll also teach you the fundamentals of site organisation and structure.

Điều hướng trang: Liên kết đầu tiên · Cấu trúc liên kết · Liên kết với địa chỉ email · Liên kết với hình ảnh · Liên kết với các tệp | Liên kết tuyệt đối và tương đối · Thể dục dụng cụ liên kết · Liên kết bên ngoài | Cấu trúc trang web
First Links · Link Structure · Linking to email addresses · Linking to pictures · Linking to files | Absolute and Relative Links · Linkal Gymnastics · Outward Links | Site Structure

Liên kết đầu tiên

OK, bạn có một trang mà bạn đã học đượ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ỉ là một trang rất cơ bản sẽ làm. Bạn có thể sao chép trang đầu tiên và chỉ lưu nó dưới dạng một tên khác nếu bạn muốn. Chỉ cần đảm bảo bạn biết tên của hai tệp và chúng nằm trong cùng một thư mục. Don Tiết quên gọi cho trang chủ của bạn index.html.same folder. Don’t forget to call your homepage index.html.

SOURCETIP: Luôn sử dụng các chữ cái viết thường khi đặt tên các tệp, hình ảnh và thư mục HTML. Hầu hết các máy chủ web (các máy tính mà bạn cuối cùng sẽ đặt trang web của bạn lên) rất nhạy cảm với trường hợp, điều đó có nghĩa là nó có quan trọng với việc họ có sử dụng các chữ cái viết hoa hay không. Khi liên kết đến các trang hoặc gõ vào URL, bạn không muốn nhớ trường hợp của mỗi chữ cái, vì vậy nếu mọi người sử dụng các chữ cái nhỏ, vấn đề sẽ biến mất. Always use lowercase letters when naming html files, images and folders. Most web servers (the computers you’ll eventually be putting your site onto) are case-sensitive, which means it matters to them whether your files use capital letters or not. When linking to pages or typing in URLs, you don’t want to have to remember the case of each letter, so if everyone uses small letters the problem goes away.

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.

Mail me

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

Liên kết với hình ảnh

Liên kết với một tệp hình ảnh thực tế giống như với tệp HTML. Chỉ cần bao gồm tên của tệp và đừng quên hậu tố chính xác - tức là nếu đó là GIF hoặc JPG. Đối với một danh sách trên các định dạng tệp cho hình ảnh trên web, hãy đọc cái này. Nếu bạn muốn sử dụng một hình ảnh làm liên kết, hãy đọc hướng dẫn tiếp theo.gif or a jpg. For a rundown on the file formats for images on the web, read this. If you want to use a picture as a link, read the next tutorial.

Liên kết với 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ó đã giành được mở trong trình duyệt, nhưng thay vào đó sẽ tải xuống một vị trí được chỉ định trên ổ cứng đầu đọc. Một ví dụ:

Tải xuống bài hát (2.6MB mp3) ________ 2

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

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

Địa chỉ Internet theo sát cấu trúc phân cấp đã được thiết lập mà bạn có thể quen thuộc với hệ thống tệp máy tính của bạn. Đầu tiên là miền Internet, như www.example.com. Tiếp đến là các thư mục (thư mục) 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 thích hợp. Mỗi phân đoạn của một URL được phân tách bằng một dấu gạch chéo về phía trước. Luôn luôn nhớ: trên internet, tất cả các dấu gạch chéo đều đi về phía trước.Each segment of an url is separated with a forward slash. Always remember: on the Internet, all slashes go forwards.

Có hai cách khác nhau để trỏ các liên kết của bạn vào một tệp. Các liên kết tuyệt đối, bao gồm các địa chỉ trang web đầy đủ, bao gồm cả http: // và www. chút ít. Các liên kết tương đối của người Viking có thể kiểm soát ngắn hơn và dễ quản lý hơn và chỉ có thể được sử dụng để chỉ vào các trang khác trên cùng một trang web.shorter and more manageable, and can only be used to point to other pages on the same website.

Chẳng hạn, giả sử bạn có một trang có tên Page1.html trong thư mục liên kết trên mạng của trang web của bạn. href tuyệt đối cho trang này là http://www.example.com/links/page1.html. Vì vậy, bạn đặt liên kết đó ở bất cứ đâu trên bất kỳ trang nào, trên bất kỳ trang web nào và nó sẽ luôn truy cập trang đó trên web.anywhere on any page, on any site and it will always go to that page on the 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 web. Địa chỉ luôn liên quan đến vị trí của tệp thứ hai. Nếu bạn đã liên kết đến cùng một trang từ một trang trong cùng một thư mục, href sẽ chỉ là trang1.html. Nếu bạn đang liên kết từ trang chủ của mình, tức là, trong thư mục gốc, liên kết sẽ đọc 3, vì bạn sẽ phải đi vào thư mục trước, sau đó lấy tệp.. The address is always relative to the position of the second file. If you were linking to that same page from a page in the same directory, the href would be just page1.html. If you were linking from your homepage, i.e., in the root directory, the link would read 3, as you would have to go down into the directory first, and then get the file.

SOURCETIP: Nếu bạn đặt tên tệp index.html trong thư mục của mình, bạn có thể tạo các liên kết đến các trang này bằng cách chỉ liên kết với tên thư mục. Trình duyệt của bạn sẽ luôn chọn chỉ mục làm trang chính cho thư mục đó. Điều này có nghĩa là bạn có thể ngưng tụ 5 thành 6. Slash nói với trình duyệt mà nó nên tìm một thư mục, chứ không phải một tệp. Đừng quên nó! If you name files index.html in your directories, you can make links to these pages by just linking to the directory name. Your browser will always pick up index as the main page for that folder. This means you can condense 5 into 6. The slash tells the browser it should look for a folder, and not a file. Don’t forget it!

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

Nếu bạn cần đi lên một thư mục, và sau đó quay trở lại một thư mục khác, bạn sẽ phải hiểu cách trang web của bạn được đặt ra. Sử dụng nguồn HTML làm ví dụ, chúng tôi hiện đang ở trong phần MyFirstSite. Hãy xem thanh địa chỉ của bạn để xem. Nếu chúng tôi muốn liên kết tương đối với phần hình ảnh trên mạng, chúng tôi phải đi lên một thư mục và sau đó xuống thư mục hình ảnh. Vì vậy, người thân đầy đủ href sẽ là 8 Xem hai dấu chấm? Họ có nghĩa là người đi lên một thư mục, hướng về phía gốc của bạn. Vì vậy, dù bạn có sâu đến đâu, bạn luôn có thể quay trở lại với một vài ../../. Chỉ cần đếm các thư mục cho đến khi bạn ở cấp độ phù hợp.HTML Source as an example, we are now in the “myfirstsite” section. Have a look at your address bar to see. If we wanted to link relatively to the “images” section, we’d have to go upwards one directory and then down into the images directory. So the full relative href would be
8
See the two dots? They mean “go up a directory”, towards your root. So no matter how deep into your site you are, you can always come all the way back with a couple of ../../’s. Just count the directories until you’re at the right level.

SOURCETIP: Nếu bạn muốn liên kết đến một trang gần đầu trang web của bạn (không sâu trong thư mục), bạn có thể bắt đầu liên kết với một dấu gạch chéo. Điều này có nghĩa là bắt đầu tại thư mục gốc. Vì vậy, href ở trên chỉ có thể là 0. Điều này tiết kiệm bạn phải đặt vào vô số ../../s. Một liên kết trở lại trang chủ của bạn luôn là 1 If you want to link to a page that is near the top of your site (not deep in directories), you can start the link with a slash. This means “start at the root directory”. So, the href above could just be 0. This saves you having to put in loads of ../../s. A link back to your homepage is always 1

Liên kết bên ngoài

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ớ tiền tố địa chỉ với http: //. Mặt khác, liên kết giành được công việc, trình duyệt sẽ tìm kiếm một tệp có tên www.yourhtmlsource.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? Bạn sẽ là người bạn tốt nhất mới của tôi nếu bạn làm, táo tợn.http://. Otherwise, the link won’t work, the browser will look for a file called www.yourhtmlsource.com in your site. You will be linking to us, right? You’ll be my new best friend if you do, cheeky.

Để 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.yourhtmlsource.com/. Chú ý sự chém kết thúc? Điều đó chỉ đến đó cho các thư mục (tức là các thư mục) hoặc tên miền, như trong ví dụ này. Don Tiết đặt một dấu gạch chéo sau một liên kế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ố.directories (i.e. folders) or domain names, as in this example. Don’t put a slash after a .html link, just for directories like a .com or an address without a suffix.

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 có thể sớm rất khó tìm thấy những thứ cho bạn, những gì với tất cả các tệp bạn tiếp tục chồng chất vào nó. Vì vậy, bạn nên nhóm các trang có chủ đề tương tự thành các thư mục (thư mục). Giữ tất cả cá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 hình ảnh trên mạng hoặc phương tiện truyền thông hoặc một cái gì đó tương tự).images in one folder too, away from your html files (call the folder “images” or “media” or something like that).

Tôi cũng sẽ khuyên bạn nên làm việc trên một mẫu thiết kế của bạn. Bây giờ có thể không quan trọng, vì trang web của bạn có thể không có thiết kế đặc biệt, nhưng sau đó 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ỉ là bố cục của các trang của bạn dưới dạng mẫu.html trong mỗi thư mục của trang web của bạn (Capitals để nó 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 bạn 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 việc sử dụng khác. Để xem mẫu của chúng tôi cho thư mục này, hãy xem điều này. Kiểm tra, chúng tôi có một trong mỗi thư mục.template of your design. It may not be important now, as your site may not have a distinctive design, but later having this file will save you hours of time. What you do is save a file with no content, just the layout of your pages as TEMPLATE.html in each directory of your site (capitals so it stands out), with the links all correct. Then when you’re adding a page to a folder, you just open this file and add your content into it, and save under a different name, leaving template.html empty, ready for another use. To see our template for this directory, see this. Check, we have one in each directory.

Nói rằng 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 tin về Sao Hỏa trong một thư mục có tên là Mars Mars, với tất cả các hình ảnh của Sao Hỏa trong một thư mục có tên là hình ảnh trên mạng trong thư mục có tên là Mars Mars. Và giữ hình ảnh của Uran, ... không. Tôi ở trên đó.And keep the pictures of Uran— ...no. I am above that.

Nói về hình ảnh ....

Làm cách nào để liên kết đến một tệp trong một liên kết?

Làm cách nào để liên kết đến một tệp cục bộ trong HTML?