html表單添加鏈接和說明到頁面

Question

我有一個簡單的基本.html文檔，我用於「My Links.html」本地，離線頁面用作存儲超鏈接到其他網站的方式我覺得很有趣。這有點像在旅途中的便攜式「書籤」頁面。下面是我已經創建了一些示例代碼：

<b><h3>Web Design Resources</h3></b> 
<hr /> 
<br /> 
<b><h4><u>CSS Tutorials</u></h4></b> 

Line25.com 
<ul> 
<a href="http://line25.com/tutorials/" target="_blank">Tutorials</a> 
- main tutorials page<br /> 
<a href="http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu"  target="_blank">Pure CSS Dropdown</a> 
- Creating a dropdown menu solely out of css, nothing else (includes sub menus that slide out  to the right) <br /> 
<a href="http://line25.com/tutorials/how-to-create-a-trendy-flat-style-nav-menu-in-css" target="_blank">Trendy flat-style-css-menu</a> 
- how to create a trendy flat style css menu (hover over "menu image" puts menu title to the  right of the images)<br /> 
<a href="http://line25.com/tutorials/how-to-create-a-slick-features-table-in-html-css"  target="_blank">Slick Features Comparison Table</a> 
- a ghosted (semi transparent) table that vertically compares three items with the categories on the left, box highlight on category font when hovering over any of the text in that row<br /> 

簡單崩頭的影響 - 與頭文字頂部固定水平菜單/圖像向下滾動頁面時是隱藏的，與內容替換

目前我手動打開html文檔並對其進行編輯，以添加每個新鏈接，描述和類別（當他們出現時）。

我在做的是添加一些簡單的表單和一個提交按鈕來更新這個離線.html文檔。我想將所有包含在單個文檔中的內容都放在一起，以便於移動。

理想情況下它會使用這種格式添加文字：「超鏈接 - 說明」

與現有類別的下拉列表，以便將其添加到正確的部分。只需幾個文本框，一個下拉框和一個提交鏈接或按鈕。沒有什麼奇特的東西，只有那些「完成工作」的骨頭。

感謝大家，即使你能指出正確的方向，或讓我知道元素名稱，以便更有效地研究我期望做的事情。

Answer 1

我不認爲這將是可能的純HTML。

您可以在客戶端使用Javascript（jQuery）更改HTML，但是您將無法通過Javascript將變更保存到本地文件系統。如果這是一個選項，您可以始終手動保存已更改的文檔，但它對我來說似乎並不理想。

對於更穩定的解決方案，您需要一些像PHP一樣的服務器端腳本，以及像本地機器上運行的Apache（比如XAMP或MAMP）的web服務器。理想情況下，您需要使用某種數據庫或XML文件來存儲數據。從技術上講，可能只是改變HTML，但它會很奇怪，非常罕見。 XML文件對於可移植性來說是最簡單的，數據庫對性能會更好（可能是更有用的練習）。

不知道這是否是處理您'問題'的最好方法。爲什麼不只使用像Xmarks這樣的現有服務。您將直接從您的瀏覽器訪問您的書籤，可以在各種機器/瀏覽器之間同步它們，也可以通過他們的網站訪問它們。

如果你只是想學習新東西，但我鼓勵這種努力。隨意要求任何更具體的指針，一旦你決定你要採取哪條路線...