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

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

    博客

    如何在幾個小時內創建一個網站

    創建網站並不難. 在本文中, we’ll walk through the basics of html page creation and how to create a mini-includes list. 下一個, 我們將討論如何使用 html>-標記以突出顯示文本. 最終, 我們將在幾個小時內向您展示如何創建一個網站. 我們還將介紹一些其他有用的技術.

    Creating a html page

    HTML is the language used to build web pages. 它定義了網頁的結構和 CSS 控制內容的顯示方式. 創建一個基本的 HTML 頁面並不難. 這是入門的分步指南. 一旦你有了一個基本的 HTML 頁面, 您已準備好創建更複雜和動態的. 開始, 你需要一個文本編輯器和一個網絡瀏覽器.

    您還可以使用 MS Word 等文字處理器為您的網頁創建內容. 您可以使用超鏈接將文本相互連接. 您也可以將文件另存為 html 文件, 一個網頁. 這種方法效果很好, 但是您以這種方式創建的頁面很大,在瀏覽器窗口中看起來不太好. 這種方法的唯一缺點是您必須學會使用可用的工具.

    HTML 是一種標記語言, 這意味著您需要包含標籤才能格式化頁面上的內容. 每個標籤代表頁面的一個元素. 標記由尖括號標識. 有些元素只需要一個標籤, 而其他人需要兩個. 結束標記包含正斜杠. 例如, 段落標籤創建一個稱為段落的元素. 開始和結束標籤之間的文本構成段落文本. 相似地, ul 標籤創建一個無序列表.

    Creating a mini-includes list

    Creating a mini-includes section is an effective way to link various elements on the same web page. 一個 HTML 頁面可以分為幾個子部分, 每個部分都包含一個元素列表. 這些元素有不同的用途. 您可以使用 type 屬性來顯示字母順序. 您還可以使用小寫字母創建帶有字母 a 的元素列表, b, 或 c.

    添加元素很容易. 一個簡單的 HTML 文檔包含定義其內容的標籤. 這些標籤通常成對出現. 開始標籤用於列出其中的元素, 而結束標籤關閉元素. 開始標籤, 或頭, 包括有關文檔的描述性信息. 此信息可能包括標題, 樣式表信息, 腳本, 或元信息. 結束標籤, 另一方面, 關閉元素.

    使用 html>-標籤

    html>-標籤用於定義 HTML 文檔的主要內容區域. 主要內容區域由與頁面中心主題或功能相關的文本組成. 它必須與網站上的其他內容不同. 其他內容可能會以側邊欄的形式出現在頁面上, 導航鏈接, 版權信息, 網站標誌, 和搜索表格. HTML 頁面必須遵循 html>-標記被視為 HTML 頁面.

    href= 屬性打開鏈接元素. 之後 “=” 符號, 您應該粘貼鏈接的 URL. 您還可以在一個標題中使用多個段落行. 右括號是必須的. 這將防止您的鏈接被誤解. 使 html 頁面更易於閱讀, 添加指向您網站的鏈接. html>-標籤將允許您添加指向另一個網頁的鏈接.

    HTML 文件將具有 .html 擴展名,它將告訴您的計算機它是一個 HTML 文件. 最好使用連字符而不是空格, 因為空格會阻止網絡瀏覽器找到文件. 完成創建 HTML 頁面後, 你必須保存它. 下一個, 導航到包含 HTML 文件的文件夾並右鍵單擊它. 它應該類似於下面的屏幕截圖.

    使用 html>-標記以突出顯示文本

    You can use the mark> 標記以突出顯示 HTML 文檔中的文本. 這是一個相對較新的 HTML 5 特徵, 它定義了段落的突出部分. 標記> 標籤通過改變底層 HTML 文檔的 background-color 屬性來工作. 標記> 標籤同時支持全局和事件屬性. 它將以黃色或黑色突出顯示文本. 也可以更改底層 CSS 文件中文本的顏色.

    大多數屏幕閱讀器不會宣布標記元素, 但是你可以使用 CSS 內容屬性或 .before 和 .after 偽元素來明確你想要突出顯示的文本. 公告很冗長,並在頁面中添加了不必要的信息, 所以你應該謹慎使用它們. 例如, 您可以使用公告突出顯示搜索詞或阻止引用. 所有主要瀏覽器都支持公告.

    除了背景色樣式, 你可以使用'highlightme’ 類以突出顯示 HTML 文檔中的文本. 所有瀏覽器都支持背景顏色樣式. 您也可以使用“黃色”一詞’ 而不是顏色代碼. 您可以使用相同的代碼突出顯示一段或一段文本. 您還可以使用 CSS 類突出顯示文本.

    使用 html>-tag to create a mini-includes list

    html>-標籤用於創建迷你包含列表. 它包含相應的結束標記,並且元素的名稱是小寫的. HTML 文檔使用 UTF-8 字符編碼進行編碼, 支持包含 Unicode 字符. 使用 html 時>-標籤, 請務必在 “另存為” 對話框.

    使用 html>-將迷你包含列表添加到 HTML 頁面的標籤很容易. 您可以將此標籤用於支持無序列表的任何元素. 您甚至可以使用無序列表作為導航菜單. dl 元素包含成對的術語和描述列表. 有序列表中的項目在左側顯示一個遞增的計數器. 如果列表項後面緊跟著另一個元素,您也可以省略 dl 元素.

    插入迷你包含列表的另一種方法是在 HTML 文檔中添加頁腳元素. 該元素表示最近的分節內容的頁腳. 它通常包含有關作者的信息, 版權數據, 或相關文件的鏈接. 使用 html>-tag to create a mini-includes list on an HTML page

    使用 html>-tag to highlight individual text blocks

    HTML5 highlights individual text blocks with the mark> 元素. 此 HTML5 標記將源中內容的顏色更改為特定的黃色或黑色陰影, 讓讀者區分重要的文本. 它還可以用於指示比其他文本需要更多注意的內容部分. 標記> 元素支持 HTML 中的全局屬性和事件屬性. 正確使用時, 這個 HTML5 標籤可以增強網頁的可讀性.

    HTML4 標準棄用了物理樣式的字符級標籤. 他們處理演示, 並且最好將 CSS 用於這些目的. HTML5 重新引入了它們. 它們不再被棄用, 但它們仍然不是突出顯示單個文本塊的唯一方法. 使用 CSS 突出顯示帶有 HTML5 的單個文本塊! 這個簡單的方法將突出顯示一段內容中的單個文本塊.

    漂浮: 您可以使用此 CSS 屬性將元素浮動到包含元素的左邊緣或右邊緣. 它可用於創建網格或列. 您還可以使用名為 float 的 CSS 屬性將 iframe 或圖像浮動到瀏覽器的左邊距或右邊距. 這些屬性使使用 CSS 突出顯示單個塊變得更容易.

    我們的視頻
    聯繫信息