網頁設計 &
網站製作
檢查清單

    • 博客
    • info@onmascout.de
    • +49 8231 9595990
    whatsapp
    Skype

    博客

    如何創建 HTML 頁面

    創建HTML頁面

    如果您想創建自己的網頁, 您必須了解 HTML. This article explains how to create an HTML page. 還, 您將學習如何創建 xml 站點地圖以及如何添加圖片和鏈接. 創建 xml 站點地圖也很重要, 這可以幫助您組織您的網站並增加您的流量. 下一步是選擇模板.

    Creating a html page

    HTML 是一種標記語言. 網頁的每個元素都由一個標籤表示. 標記由尖括號標識, 每個元素都有一個或多個標籤. 有些元素只需要一個標籤; 其他人可能需要兩個. 開始和結束標籤有一個正斜杠 (/). 例如, 段落元素由 p 標籤表示. 開始和結束標記之間的文本是段落文本.

    創建 HTML 文檔, 您將需要使用文本編輯器. 大多數計算機默認都有文本編輯器. Windows 用戶將使用 Internet Explorer, Mac 用戶可以使用 TextEdit. 您可以安裝精美的文本編輯器來創建具有專業外觀的網頁, 但是對於您的第一個 HTML 頁面, 這不是必需的. 您還可以使用簡單的文本編輯器和任何網絡瀏覽器. 如果您不確定要使用哪個程序, 嘗試下載免費的 HTML 編輯器.

    html頁面有兩個主要部分: 身體和頭部. 正文部分包含網站的實際內容, 而 head 部分用於標題和元信息. 主體包含所有其他元素, 包括圖像和其他圖形. 標題部分是放置導航鏈接的地方. 寫完正文後, 您已準備好插入文檔的內容. 確保使用 body 和 head 元素以確保每個人都可以訪問您的網站.

    Creating a xml sitemap

    If you have an HTML page, 您可能想要創建一個 XML 站點地圖來幫助搜索引擎抓取您的網站. 雖然這不會影響你的搜索排名, 它將幫助搜索引擎了解您的內容並調整其抓取速度. 這邊走, 您的網站將在搜索引擎結果中更加明顯. 以下是一些簡單的入門步驟:

    創建 HTML 站點地圖很容易. 您所要做的就是製作一個簡單的網站頁面表格, 帶有指向每個頁面的鏈接. 然後在頁眉或頁腳中鏈接到該站點地圖頁面. 這邊走, 無論您的網站有多少頁面, 人們可以輕鬆地瀏覽它們. 而且, 您無需提交 SEO 即可創建站點地圖.

    一旦您的 HTML 頁面上線, 將其提交到 Google Search Console. 您可以使用任何文件擴展名並命名您的 XML 站點地圖. 您可以將 XML 站點地圖提交給 Google, 但這不是必需的. Google 的爬蟲通常很擅長發現新內容, 而且您無需向他們提交站點地圖. 您也可以將其提交給其他搜索引擎, 但這並不能保證您會被 Google 發現.

    無需將 XML 站點地圖添加到您的網頁, 但它會增加你網站的搜索引擎優化. 搜索引擎使用站點地圖來幫助他們索引未直接鏈接到網頁的頁面. 站點地圖還有助於提高富媒體內容的可訪問性. 向您的網站添加站點地圖有助於讓搜索引擎機器人更容易訪問您的網站.

    Adding a picture

    In HTML, 您可以使用 img 標籤將圖像添加到頁面. 此標籤僅包含圖像及其屬性; 它不需要結束標籤. 此圖像標記應插入 HTML 文檔的正文部分. 除了圖片的寬高, 您應該包含一個描述圖片的 alt 屬性. alt 標籤應該寫得好像你正在為一個看不到它的人寫描述.

    在 HTML 文檔中添加圖片需要一些 CSS 和 HTML 知識. 圖像大小和分辨率是要考慮的兩個最重要的因素. 圖像的大小將決定它如何適合文檔的內容. 如果您希望使用不同的分辨率或縱橫比, 您也可以嘗試調整圖像大小. 然而, 請記住,縮放並不總是像您期望的那樣工作.

    調整圖像大小的一個好的經驗法則是增加其寬度. 寬度應至少比高度小一個像素. 如果圖像太小而無法顯示, 你可以添加一個邊框, 然後調整它以適合圖像大小. 您還可以通過將圖像添加到邊框屬性來調整圖像的邊框. 邊框粗細為默認值, 但您可以將其設置為任何值. 確保圖像具有 src 屬性.

    Adding a link

    You can add a link in HTML to your document using an a> 帶有 href 屬性的標籤. 這將為文檔創建一個書籤並在新選項卡中打開它. 您還可以使用 href 屬性將圖像插入到文檔中. 您還可以使用帶有 JavaScript 代碼的鏈接將 HTML 按鈕轉換為鏈接. 一旦你完成了這個, 您可以使用 CSS 或 JavaScript 代碼設置鏈接樣式.

    鏈接是從一個 Web 資源到另一個 Web 資源的連接. 它由兩端組成, 源錨點和目標錨點. 鏈接可以是從圖像到文本文件的任何內容. 大多數社交網站和網站使用鏈接將用戶引導至特定 URL. HTML 也可用於指定鏈接的位置. 它是’ 屬性允許您將代碼元素鏈接到 URL.

    設計鏈接時, 確保考慮訪問者將如何使用內容. 鏈接文本應該是描述性的, 這樣他們就會確切地知道他們應該期待什麼. 重複相同的 URL 對屏幕閱讀器來說是醜陋的, 它沒有給他們任何有用的信息. 屏幕閱讀器還通過將鏈接設置為不同的樣式或下劃線來告訴用戶何時存在鏈接. 這樣, 他們可以輕鬆找到所需的信息.

    Adding a table

    Adding a table to an HTML page is simple, 但是在你做之前你應該考慮一些事情. 桌子的背景顏色對於吸引訪客的眼球和吸引對重要信息的注意至關重要. 您可以使用十六進制顏色代碼或顏色名稱為表格的標題元素和數據元素設置不同的顏色. 無論哪種方式, 您的桌子將很容易看到.

    您可以使用 td 元素添加表頭和表數據, 它定義了個人 “盒子” 對於內容. 添加表頭是在網頁上顯示數據的第一步, 如果你願意,你應該添加第一個. 一個表格也應該有三個行標題. 一個標題應該是空的. 如果您的表有列, 您還應該為每列創建行標題.

    您還可以在表格中添加標題. 標題是描述表格用途的可選元素. 字幕也有助於輔助功能. 該表還可以包含描述數據組的單元格. 最後, 您可以添加 thead 元素來定義一組行和列. 您可以同時或單獨使用這兩個元素. 您甚至可以組合使用它們, 但標題是最重要的.

    Adding a div

    Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. div 元素是一個特殊的文本容器, 圖片, 和其他元素. 您可以將其命名為任何您喜歡的名稱並更改其屬性以滿足您的需要. 您還可以添加類或邊距以在 div 和頁面上的其他元素之間創建空間.

    您還可以使用 innerHTML 屬性在 div 中插入代碼. 此方法接受包含在字符串中的代碼, 如果它不在 div 內, 內容將被刪除. 您應該避免以這種方式將代碼插入 div, 因為它可能會使您的網站暴露於跨站點腳本漏洞. 如果您使用的是 JavaScript 等腳本語言, 您可以使用 innerHTML 屬性.

    div 是一個基本的 HTML 標記,用於對文檔中的代碼進行分組. 它可以包含一個段落, 塊引用, 圖片, 聲音的, 甚至是標題. 它的位置允許您將統一的樣式和語言應用於頁面的不同部分. Div 最適合用於標記連續元素組共有的語義. 當你想為一個部分添加樣式而不需要重寫整個頁面時,應該使用 div.

    我們的視頻
    聯繫信息