如何從網站嵌入特定的HTML元素？

我想創建一個網站，我可以在我的本地機器上存儲並從該計算機的互聯網瀏覽器訪問。在這個網站上我想要嵌入其他幾個網站的元素。我已經能夠嵌入整個網站，但沒有具體的元素。如何從網站嵌入特定的HTML元素？

如何從網站中嵌入特定元素，以及我需要做什麼？

有問題的網站是http://xkcd.com，我想嵌入當天的漫畫和漫畫標題，我認爲他們分別在要素<div id "comic">和<div id "ctitle">。

2016-01-06 Jesse McDonald

嗨！我推薦閱讀一些[基礎HTML教程]（http://www.w3schools.com/html/html_basic.asp）。至於你的具體問題，你可以右鍵點擊你想要的圖像，然後選擇「複製圖像地址」，然後將其粘貼到''標籤內，如下所示：'' – wil93

哦，等等，你的意思是加載漫畫那一天，不是一個具體的漫畫。也許這會幫助然後：http://stackoverflow.com/questions/3272071/iframe-to-only-show-a-certain-part-of-the-page – wil93

建議您在尋求幫助之前瞭解一下HTML的基礎知識。 W3Schools的是一個偉大的地方開始：http://www.w3schools.com

我相信你正在尋找的是一個iframe，你可以瞭解所有關於在這裏：http://www.w3schools.com/tags/tag_iframe.asp

下面的代碼應該是你需要什麼，我添加了一個參考到ID爲的頁面元素包含漫畫到URL（即：'#comic'），以便iframe只顯示圖片，而不是整個頁面。

<iframe scrolling="no" height="380" src="https://www.xkcd.com/#comic"></iframe>

來源

2016-01-06 19:26:48 tinthetub

2個問題，這將工作爲任何大小的漫畫，你也可以得到漫畫標題嗎？ –

@JesseMcDonald如果你想包含漫畫標題，你可以做同樣的事情，並創建另一個iframe，而不是引用'＃comic'，你會引用標題的id，它的名字叫'＃ctitle'。通常，我建議檢索所有的圖片和他們的名字，並相應地顯示它們，這可以用一些編程來完成（這樣你就不必擔心大小），但不幸的是，該網站的所有者似乎有限制訪問包含漫畫的文件夾，你可以在這裏看到：https：//imgs.xkcd.com/comics/，該鏈接返回404。 – tinthetub

謝謝，它看起來像#ctitle包括everyghing我需要除了，有沒有辦法讓高度變化，所以它總是適合顯示的漫畫？ –

如何從網站嵌入特定的HTML元素？

回答

相關問題