如果你想建立你自己嘅網頁, 你一定要對 HTML 有理解. This article explains how to create an HTML page. 都, 你會學到點樣建立 xml 網站地圖,同埋點樣加入圖片同連結. 建立 xml 網站地圖亦都好重要, 呢個可以幫你整理你嘅網站同埋增加你嘅流量. 下一步係揀個範本.
Creating a html page
HTML 係一種標記語言. 網頁嘅每個元素都用標籤表示. 標籤係用角括號嚟識別, 而且每個元素都有一個或者多個標籤. 有啲元素只需要一個標籤; 其他人可能需要兩個. 開頭同結尾嘅標籤有個正斜線 (/). 例如, 段落元素係用 p 標籤表示. 開頭同結尾標籤之間嘅文字就係段落文字.
建立 HTML 文件, 你需要用個文字編輯器. 大部分電腦預設都有文字編輯器. Windows 用戶將會使用互聯網資源管理器, 而 Mac 用戶可以用文字編輯. 你可以安裝一個花式嘅文字編輯器嚟建立一個睇落專業嘅網頁, 但係你第一個 HTML 頁面, 唔需要. 你亦可以用簡單嘅文字編輯器同任何網絡瀏覽器. 如果你唔肯定要用邊個程式, 試下下載一個免費嘅 HTML 編輯器.
html 頁面有兩個主要部分: 身體同個頭. 正文部分包含網站嘅實際內容, 而標題部分就係用嚟做標題同元資訊. 身體包含所有其他元素, 包括圖片同其他圖像. 標題部分係放導覽連結嘅地方. 你寫完正文之後, 你準備好插入文件嘅內容喇. 確保用身體同頭部元素,確保所有人都可以存取你嘅網站.
Creating a xml sitemap
If you have an HTML page, 你可能想建立一個 XML 網站地圖嚟幫助搜尋引擎爬取你嘅網站. 雖然噉樣唔會影響你嘅搜尋排名, 呢個會幫助搜尋引擎理解你嘅內容同埋調整佢哋嘅爬取率. 呢個方法, 你嘅網站會喺搜尋引擎結果入面更加顯眼. 以下係一啲簡單嘅開始步驟:
建立 HTML 網站地圖好簡單. 你只需要整一個簡單嘅網站頁面表格, 同埋每個頁面嘅連結. 然後喺頁首或者頁尾連結去嗰個網站地圖頁面. 呢個方法, 無論你個網站有幾多頁, 人哋可以輕鬆噉透過佢哋導覽. 此外, 你唔使提交 SEO 先可以建立網站地圖.
當你嘅 HTML 頁面上線之後, 將佢提交去 Google 搜尋控制台. 你可以用任何檔案擴充名同埋命名你嘅 XML 網站地圖. 你可以將 XML 網站地圖提交畀 Google, 但係唔一定要. Google 嘅爬蟲程式一般都幾叻發現新內容, 而且你唔需要向佢哋提交網站地圖. 你亦可以將佢提交畀其他搜尋引擎, 但係呢個唔保證你會被 Google 發現.
唔需要喺你嘅網頁加入 XML 網站地圖, 但係噉樣會增加你個網站嘅 SEO. 搜尋引擎會用網站地圖嚟幫佢哋索引唔係由網頁直接連結到嘅網頁. 網站地圖亦有助改善富媒體內容嘅易用性. 喺你嘅網站加入網站地圖可以幫助搜尋引擎機器人更容易存取你嘅網站.
Adding a picture
In HTML, 你可以用 img 標籤將圖片加入頁面. 呢個標籤只包含圖片同埋佢嘅屬性; 佢唔需要結尾標籤. 呢個圖片標籤應該插入 HTML 文件嘅正文部分. 除咗張圖嘅闊度同高度之外, 你應該加入一個描述圖片嘅 alt 屬性. 個 alt 標籤應該寫得好似你寫緊個描述畀一個睇唔到嘅人噉.
將圖片加入 HTML 文件需要少少 CSS 同 HTML 知識. 圖片大小同解像度係要考慮嘅兩個最重要嘅因素. 圖片嘅大細會決定佢點樣融入文件嘅內容. 如果你想用唔同嘅解像度或者長寬比, 你亦可以試下調整圖片大細. 但係, 記住,縮放唔係成日都好似你預期噉運作.
調整圖片大細嘅一個好嘅準則係增加佢嘅闊度. 闊度應該至少細過高度一個像素. 如果圖片太細,唔可以顯示, you can add a border, and then adjust it to fit the image size. You can also adjust the border of an image by adding it to the border attribute. The border thickness is the default value, but you can set it to any value. Make sure that the image has an src attribute.
Adding a link
You can add a link in HTML to your document using an a> tag with the href attribute. This will create a bookmark for the document and open it in a new tab. You can also use an href attribute to insert an image into the document. You can also use a link with JavaScript code to convert an HTML button into a link. Once you have done this, you can style your link with CSS or JavaScript code.
A link is a connection from one web resource to another. It consists of two ends, 一個來源錨點同一個目的地錨點. 連結可以係任何嘢,由圖片到文字檔案. 大部分社交網站同網站都會用連結將用戶引導去特定網址. HTML 亦都可以用嚟指定連結嘅位置. 佢嘅 ‘a’ 屬性畀你將代碼元素連結去網址.
設計連結嗰陣, 請確保考慮你嘅訪客會點樣用呢啲內容. 連結文字應該係描述性嘅, 噉佢哋就會知道佢哋應該期望啲咩. 重複同一個網址對螢幕閱讀器嚟講係醜陋嘅, 而且佢唔會畀任何有用嘅資料佢哋. 螢幕閱讀器亦會透過將連結設定為唔同嘅樣式或者下划線,嚟話畀用戶知連結幾時存在. 噉樣, 佢哋可以輕鬆噉搵到佢哋需要嘅資料.
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.




