Hướng dẫn chèn trang html vào web khác năm 2024
- Trong trang web, liên kết là những nội dung (thường được đại diện bởi văn bản hoặc hình ảnh) mà khi chúng ta nhấp vào nó thì chúng ta sẽ được chuyển đến một tài liệu khác. Show
- Ví dụ: - Dòng chữ Click here chính là một cái liên kết, khi nhấp vào nó thì chúng ta sẽ được chuyển đến một tài liệu khác (một tấm hình) Click here - Tấm hình bên phải chính là một cái liên kết, khi nhấp vào nó thì chúng ta sẽ được chuyển đến một tài liệu khác (trang fanpage của webcoban.vn) 2) Cách tạo một cái liên kết- Để tạo một cái liên kết thì chúng ta dùng cú pháp như sau:
- Trong đó:
Xem ví dụ - Lưu ý: Khi tạo một cái liên kết, nếu chúng ta bỏ trống URL thì mặc định URL sẽ là đường dẫn của trang web chứa liên kết (ví dụ, bạn đang ở trang http://webcoban.vn/css/default.html, bên trong trang đó có một cái liên kết được tạo ra từ cú pháp Click here thì khi đó URL của cái liên kết chính là http://webcoban.vn/css/default.html) 3) Phân loại đường dẫn đến tài liệu- Thông thường thì "đường dẫn đến tài liệu" được chia ra làm hai loại chính: Đường dẫn tuyệt đối - Đường dẫn tuyệt đối là loại đường dẫn mà bên trong nó sẽ có chứa đầy đủ các thành phần như:
- Lưu ý: Giao thức & máy chủ là hai thành phần bắt buộc phải có. Đường dẫn tương đối - Đường dẫn tương đối là loại đường dẫn mà bên trong nó chỉ có chứa duy nhất một thành phần:
- Bên dưới là một số ví dụ về đường dẫn tuyệt đối & đường dẫn tương đối. Đường dẫn tuyệt đối http://webcoban.vn http://webcoban.vn/css/default.html http://webcoban.vn/css/nhung-kien-thuc-co-ban-trong-viec-viet-ma-css.html Đường dẫn tương đối default.html php/cach-su-dung-lenh-switch-case.html css/mau-sac-colors-trong-css.html - Cả hai cái liên kết bên dưới đều chuyển đến trang tài liệu học HTML. - Tuy nhiên:
Xem ví dụ 4) Cách xác định đường dẫn tương đối- Giữa đường dẫn tương đối & đường dẫn tuyệt đối thì việc xác định đường dẫn tuyệt đối khá là đơn giản, chúng ta chỉ cần sao chép địa chỉ nằm trên thanh địa chỉ của trình duyệt. Còn về việc xác định đường dẫn tương đối thì phức tạp hơn rất nhiều, các bạn vui lòng tham khảo một số ví dụ bên dưới để tìm hiểu cách xác định đường dẫn tương đối. - Trước tiên, vào ổ đĩa D:/ tạo một cây thư mục với các tập tin như sau: Developer index.html AngularJS filters.html validation.html Document databinding.html Example1 objects.html Example2 expressions.html JavaScript comments.html Tutorial performance.html Functions constructor.html - Câu hỏi: Nếu đang nằm ở trang index.html, tôi muốn tạo một cái liên kết để chuyển đến trang filters.html thì đường dẫn tương đối trong trường hợp này sẽ được xác định như thế nào !? - Trả lời: Đường dẫn tương đối sẽ được xác định bởi hướng đi như sau:
- Kết luận: Bên dưới là đường dẫn tương đối mà tôi cần.
- Câu hỏi: Nếu đang nằm ở trang index.html, tôi muốn tạo một cái liên kết để chuyển đến trang expressions.html thì đường dẫn tương đối trong trường hợp này sẽ được xác định như thế nào !? - Trả lời: Đường dẫn tương đối sẽ được xác định bởi hướng đi như sau:
- Kết luận: Bên dưới là đường dẫn tương đối mà tôi cần.
- Câu hỏi: Nếu đang nằm ở trang databinding.html, tôi muốn tạo một cái liên kết để chuyển đến trang validation.html thì đường dẫn tương đối trong trường hợp này sẽ được xác định như thế nào !? - Trả lời: Đường dẫn tương đối sẽ được xác định bởi hướng đi như sau:
- Kết luận: Bên dưới là đường dẫn tương đối mà tôi cần.
- Câu hỏi: Nếu đang nằm ở trang databinding.html, tôi muốn tạo một cái liên kết để chuyển đến trang constructor.html thì đường dẫn tương đối trong trường hợp này sẽ được xác định như thế nào !? - Trả lời: Đường dẫn tương đối sẽ được xác định bởi hướng đi như sau:
- Kết luận: Bên dưới là đường dẫn tương đối mà tôi cần.
- Câu hỏi: Nếu đang nằm ở trang objects.html, tôi muốn tạo một cái liên kết để chuyển đến trang expressions.html thì đường dẫn tương đối trong trường hợp này sẽ được xác định như thế nào !? - Trả lời: Đường dẫn tương đối sẽ được xác định bởi hướng đi như sau:
- Kết luận: Bên dưới là đường dẫn tương đối mà tôi cần.
- Câu hỏi: Nếu đang nằm ở trang comments.html, tôi muốn tạo một cái liên kết để chuyển đến trang databinding.html thì đường dẫn tương đối trong trường hợp này sẽ được xác định như thế nào !? - Trả lời: Đường dẫn tương đối sẽ được xác định bởi hướng đi như sau:
- Kết luận: Bên dưới là đường dẫn tương đối mà tôi cần.
- Câu hỏi: Nếu đang nằm ở trang index.html, tôi muốn tạo một cái liên kết để chuyển đến trang constructor.html thì đường dẫn tương đối trong trường hợp này sẽ được xác định như thế nào !? - Trả lời: Đường dẫn tương đối sẽ được xác định bởi hướng đi như sau:
- Kết luận: Bên dưới là đường dẫn tương đối mà tôi cần.
- Câu hỏi: Nếu đang nằm ở trang filters.html, tôi muốn tạo một cái liên kết để chuyển đến trang validation.html thì đường dẫn tương đối trong trường hợp này sẽ được xác định như thế nào !? - Trả lời: Đường dẫn tương đối sẽ được xác định bởi hướng đi như sau:
- Kết luận: Bên dưới là đường dẫn tương đối mà tôi cần.
0 Ví dụ 1 Ví dụ 2 Ví dụ 3 Ví dụ 4 Ví dụ 5 Ví dụ 6 Ví dụ 7 Ví dụ 8 5) Ưu điểm & nhược điểm của hai loại đường dẫnĐường dẫn tuyệt đối - Ưu điểm: Cách xác định đường dẫn rất đơn giản. - Nhược điểm: Mã nguồn chỉ có thể sử dụng trên một máy chủ, nếu chúng ta sử dụng mã nguồn trên các máy chủ khác nhau thì sẽ tốn nhiều công sức cho việc cập nhật lại các đường dẫn. VÍ DỤ: - Hiện tại tôi đang lưu hàng trăm bài viết trên máy chủ webcoban.vn, bên trong mỗi bài viết có rất nhiều liên kết được xác định bởi đường dẫn tuyệt đối dưới dạng http://webcoban.vn/đường-dẫn - Nếu sau này vì một lý do gì đó mà tôi phải chuyển toàn bộ bài viết lên một máy chủ khác (chẳng hạn như webcoban.com) thì khi đó tôi phải cập nhật lại toàn bộ đường dẫn của tất cả các liên kết bên trong các bài viết từ dạng http://webcoban.vn/đường-dẫn thành http://webcoban.com/đường-dẫn Đường dẫn tương đối - Ưu điểm: Mã nguồn có thể sử dụng trên nhiều máy chủ khác nhau. - Nhược điểm: Cách xác định đường dẫn rất phức tạp. - Lưu ý: Với những ưu điểm & nhược điểm được nêu ở phía trên thì chúng tôi khuyến khích các bạn nên tập thói quen sử dụng đường dẫn tương đối. Lúc đầu còn mới nên sẽ rất khó khăn, tuy nhiên khi đã thành thạo rồi thì nó sẽ đem lại cho các bạn nhiều tiện nghi hơn. 6) Tùy chỉnh nơi mở tài liệu- Mặc định thì nơi mở tài liệu của một cái liên kết là bên trong khung hiện tại. Các bạn vui lòng nhấp vào hình tờ giấy bên phải để tìm hiểu khái niệm "khung là gì !?" - Tuy nhiên, chúng ta có thể thêm thuộc tính target vào bên trong thẻ để tùy chỉnh lại nơi mở tài liệu của cái liên kết, cú pháp như sau:
1 - Trong đó, nơi mở tài liệu có thể được xác định dựa theo một trong bốn giá trị: _self - Tài liệu sẽ được mở bên trong khung hiện tại (mặc định) Xem ví dụ _top - Tài liệu sẽ được mở bên trong tab hiện tại. _blank - Tài liệu sẽ được mở bên trong một tab mới. _parent - Tài liệu sẽ được mở bên trong khung cha của khung hiện tại (nếu không có khung cha thì nó sẽ mở bên trong Tab hiện tại) 7) Download tài liệu khi người dùng nhấp vào liên kết- Nếu các bạn muốn thiết lập việc tài liệu sẽ được tải xuống khi người dùng nhấp vào liên kết thì các bạn thêm thuộc tính download vào bên trong thẻ . Để Nhưng một trang web khác vào web mình thì ta dùng thẻ gì trong HTML?iFrame là thành phần hay thẻ tag của một HTML element giúp nhúng HTML, hình ảnh, video hay trang web khác vào website của mình. iFrame là viết tắt của cụm từ Inline Frame và tạm dịch là khung nội tuyến. Frameborder trong HTML là gì?- frameborder: Thuộc tính dùng để tạo đường viền xung quanh frame, nếu không cài đặt thuộc tính này khung sẽ mặc định có đường viền. iFrame src là gì?Iframe là một tag HTML có tác dụng hiển thị một trang web trong một trang web khác. src : Chứa đường dẫn tới trang web muốn hiển thỵ. Hiện tại Iframe được hỗ trợ bởi tất cả các trình duyệt. Khùng nội tuyến là gì?iframe (viết tắt của cụm từ Inline Frame) hay còn gọi là khung nội tuyến, nó là thành phần của nội dung website cho phép nhúng một hình ảnh, vi déo, tài liệu hay một website khác vào trang của bạn. Có thể hiểu iframe là một khung nhỏ bên trong khung lớn (website của bạn). |