網頁設計及
網站創作
檢查清單

    • 博客
    • defo @ onmascout . 德
    • +49 8231 9595990
    whatsapp
    skype

    BLOG

    點樣喺幾個鐘內建立一個網站

    建立網站唔一定要好難. 喺呢篇文章入面, 我哋會講解 html 頁面建立嘅基本知識同埋點樣建立迷你包含清單. 下一個, 我哋會討論點樣用 html>-標籤嚟突顯文字. 最終, 我哋會喺幾個鐘之內教你點樣建立網站. 我哋仲會講解其他幾個有用嘅技巧.

    建立緊個 html 頁面

    HTML 係用嚟建立網頁嘅語言. 佢定義網頁嘅結構,而 CSS 控制內容嘅顯示方式. 建立一個基本嘅 HTML 頁面唔難. 以下係入門嘅逐步指南. 當你有個基本嘅 HTML 頁面, 你已經準備好創造更複雜同動態嘅. 開始啦, 你需要一個文字編輯器同一個網絡瀏覽器.

    你亦可以用 MS Word 之類嘅文字處理器嚟為你嘅網頁創建內容. 你可以用超連結將文字互相連接. 你亦可以將個檔案儲存為 html 檔案, 一個網頁. 呢個方法效果好好, 但係你用呢個方法建立嘅頁面好大,喺瀏覽器視窗入面睇落唔好. 呢個方法唯一嘅缺點係你要學識用現有嘅工具.

    HTML 係一種標記語言, 即係話你要加入標籤先可以格式化頁面上面嘅內容. 每個標籤代表頁面嘅其中一個元素. 標籤係用角括號嚟識別. 有啲元素只需要一個標籤, 而其他人就要求兩個. 結尾標籤包含正斜線. 例如, 段落標籤會建立一個叫做段落嘅元素. 開頭同結尾標籤之間嘅文字構成段落文字. 同樣地, ul 標籤會建立一個無序嘅清單.

    建立緊迷你包括清單

    建立迷你包含部分係連結同一網頁上面嘅唔同元素嘅有效方法. HTML 頁面可以分為幾個子部分, 每個部分都包含一個元素清單. 呢啲元素有唔同嘅用途. 你可以用 type 屬性嚟顯示字母順序. 你亦可以用小楷字母嚟建立一個包含字母 a 嘅元素清單, b, 或者 c.

    加元素好簡單. 簡單嘅 HTML 文件包含定義佢內容嘅標籤. 呢啲標籤通常係成對出現. 開場標籤係用嚟列出佢入面嘅元素, 而閉合標籤就閂咗個元素. 開場標籤, 或者頭, 包括有關文件嘅描述性資料. 呢啲資料可能包括標題, 樣式表資料, 劇本, 或者元資訊. 結尾標籤, 另一方面, 閂咗個元素.

    用緊 html>-標記

    html>-標籤係用嚟定義 HTML 文件嘅主要內容區域. 主要內容區域由同頁面嘅中心主題或功能相關嘅文字組成. 呢個內容一定要同網站上面其他內容唔同. 其他內容可能會以側欄嘅形式出現喺頁面上面, 導航連結, 版權資料, 網站標誌, 同埋搜尋表格. HTML 頁面一定要跟住 html>-標籤會被視為 HTML 頁面.

    href = 屬性會打開連結元素. 之後 “=” 簽名, 你應該貼上個連結嘅網址. 你亦可以喺一個標題入面用多條段落. 結尾括號係必須嘅. 噉樣可以防止你嘅連結被誤解. 為咗令 html 頁面更易閱讀, 加個連結去你個網站. html>-標籤會畀你加入指向另一個網頁嘅連結.

    HTML 檔案會有個 . html 擴充名,可以話畀你部電腦知佢係 HTML 檔案. 最好用連字符而唔係空格, 因為空格會阻止網絡瀏覽器搵到個檔案. 當你完成建立 HTML 頁面之後, 你要儲存佢. 下一個, 去到有 HTML 檔案嘅資料夾,然後右擊佢. 佢應該同下面嘅螢幕截圖相似.

    用緊 html>-標籤嚟突顯文字

    你可以用個標記> 標籤嚟突顯 HTML 文件入面嘅文字. 呢個係一個相對新嘅 HTML 5 特徵, 同埋佢定義咗一段嘅突顯部分. 個標記> 標籤嘅運作方式係改變底層 HTML 文件嘅背景顏色屬性. 個標記> 標籤支援全域同事件屬性. 佢會用黃色或者黑色突顯文字. 亦都可以改變底層 CSS 檔案入面嘅文字顏色.

    大部分螢幕閱讀器都唔會公佈標記元素, 但係你可以用 CSS 內容屬性或者 .before 同 .after 伪元素嚟令到你想突顯邊啲文字好明顯. 公告好冗長,同埋會喺頁面加入唔必要嘅資料, 所以你應該少用佢哋. 例如, 你可以用公告嚟突顯搜尋字詞或者封鎖引用. 所有主要瀏覽器都支援公告.

    除咗背景顏色風格之外, 你可以用「突顯」’ 班嚟突顯你 HTML 文件入面嘅文字. 所有瀏覽器都支援背景顏色樣式. 你亦可以用「黃色」呢個字’ 而唔係顏色代碼. 你可以用相同嘅代碼嚟突顯一段文字. 你亦可以用 CSS 班嚟突顯文字.

    用緊 html>-標籤嚟建立一個迷你包括清單

    html>-標籤用嚟建立迷你包含嘅清單. 佢包含相應嘅結尾標籤,而元素嘅名稱係小楷. HTML 文件係用 UTF-8 字元編碼編碼, 支援包含 Unicode 字元. 當用緊 html 嗰陣>-標記, 一定要喺入面揀 UTF-8 “儲存為” 對話框.

    用緊 html>-用標籤嚟將迷你包含清單加入 HTML 頁面好簡單. 你可以將呢個標籤用喺任何支援無序清單嘅元素. 你甚至可以用無序清單嚟做導覽選單. dl 元素包含一個條件同描述對嘅清單. 有序清單入面嘅項目會顯示,左邊有個升級計數器. 如果清單項目跟住另一個元素,你亦可以省略 dl 元素.

    另一個插入迷你包括清單嘅方法係喺 HTML 文件入面加入頁尾元素. 呢個元素代表最近嘅分割內容嘅頁尾. 佢通常包含有關作者嘅資料, 版權資料, 或者相關文件嘅連結. 用緊 html>-標籤,喺 HTML 頁面上面建立一個迷你包括清單

    用緊 html>-標籤嚟突顯個別文字塊

    HTML5會用標記突顯個別文字塊> 元素. 呢個 HTML5標籤會將源碼入面嘅內容顏色改為一定嘅黃色或者黑色, 畀讀者分辨重要嘅文字. 亦都可以用嚟指出比其他文字更加需要注意嘅內容部分. 個標記> 元素支援 HTML 入面嘅全域屬性同事件屬性. 當用得正確嘅時候, 呢個 HTML5標籤可以提升網頁嘅可讀性.

    HTML4標準唔使用實體風格嘅字元級別標籤. 佢哋處理簡報, 而且最好用 CSS 嚟做呢啲目的. HTML5重新引入咗佢哋. 佢哋已經唔再被淘汰, 但係佢哋仍然唔係唯一可以突顯個別文字塊嘅方法. 用 CSS 用 HTML5突顯個別文字塊! 呢個簡單嘅方法會突顯內容入面嘅個別文字塊.

    漂浮: 你可以用呢個 CSS 屬性將元素浮動到包含元素嘅左邊或者右邊. 佢可以用嚟建立網格或者欄. 你亦可以用一個叫做 float 嘅 CSS 屬性,將 iframe 或者圖片浮動到瀏覽器嘅左邊或者右邊. 呢啲屬性令到用 CSS 更容易突顯個別塊.

    我哋嘅影片
    康塔克資訊