html 簡單學習

來源:互聯網
上載者:User

標籤:http   color   com   使用   width   檔案   

  • 通過記事本,依照以下四步來建立您的第一張網頁。

    步驟一:啟動記事本

    如何啟動記事本:

    開始
        所有程式
            附件
                記事本

    步驟二:用記事本來編輯 HTML

    在記事本中鍵入 HTML 程式碼:

    步驟三:儲存 HTML

    在記事本的檔案菜單選擇“另存新檔”。

    當您儲存 HTML 檔案時,既可以使用 .htm 也可以使用 .html 副檔名。兩者沒有區別,完全根據您的喜好。

    在一個容易記憶的檔案夾中儲存這個檔案,比如 w3school。

    步驟四:在瀏覽器中運行這個 HTML 檔案

    啟動您的瀏覽器,然後選擇“檔案”菜單的“開啟檔案”命令,或者直接在檔案夾中雙擊您的 HTML 檔案。

    結果應該類似這樣:

  • <html> 與 </html> 之間的文本描述網頁
  • <body> 與 </body> 之間的文本是可見的頁面內容
  • <h1> 與 </h1> 之間的文本被顯示為標題
  • <p> 與 </p> 之間的文本被顯示為段落
  • <a href="http://www.w3school.com.cn">This is a link</a> HTML 連結是通過 <a> 標籤進行定義的
  • HTML 映像是通過 <img> 標籤進行定義的<img src="w3school.jpg" width="104" height="142" />
  • <h1 align="center"> 擁有關於對齊的附加資訊
  • <body bgcolor="yellow"> 擁有關於背景顏色的附加資訊。
  • <table border="1"> 擁有關於表格邊框的附加資訊
  • <hr /> 標籤在 HTML 頁面中建立水平線。
  • <!-- This is a comment -->注釋
  • 如果您希望在不產生一個新段落的情況下進行換行(新行),請使用 <br /> 標籤:

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.