首頁 > 開發者 > 網站開發

Html學習筆記整理

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：

  • 基本格式

<html>

     <!--這是頭部-->      <head>
           <title>第一個網頁</title>     </head>     <!--這是身體-->     <body>             網頁中的內容     </body></html><!--這是頭部--> ：這是注釋。
  • <p>表示段落</p>；<h#>標題字型</h#>#=1,2,3,4,5,6；<br/>:表示換行；<hr/>:添加橫線；
  • 符號實體：&nbsp;：空格；&copy;：copyright著作權；&reg;：著作權等；
  • 超連結：<a href="mailto：[email protected]" target="_blank">搜狐</a>;target="_blank"表示在新頁面開啟，預設為"self"表示替換當前頁面。
  • 插入圖片：<img src="#" width="" height=""  border="" align="top middle bottom"/>aign:表示文字與圖片對齊
  • 表格：<table border="" width="" height="" align="">
                 <tr align=""><th></th></tr>                 <tr align=""><td></td></tr>
                 <tr><td></td></tr>
          </table>          rowspan:表示合并行；colspan:表示合并列
  • 列表：無序列表、有序列表、自訂欄表
    • 無序列表：<ul type="#">#=disc,circle,square
                                     <li></li>                                     <li></li>                                     <li></li>
                            </ul>
  • 有序列表：<ol type="#" start="">#=1,a,A,i,I
                                     <li></li>
                                     <li></li>                            </ol>

  • 自訂欄表：<dl>
                                     <dt>定義列表中的項目</dt>
                                     <dd>描述列表中的項目</dd>                               </dl>
  • 架構：不是寫在<body>裡面
    • <frameset frameborder="" cols="50%"按照列的百分比分割 rows=""按照行的百分比分割>
                  <frame src="" noresize/>          </frameset>
  • 表單元素：讓使用者輸入資料，並提交給伺服器
          <form action="#" method="post/get">#表示指定把請求提交給那個頁面；
<input type="#">#=text,password,radio(單選框),checkbox(複選框),image(需設定src),submit,reset,hidden(隱藏 框：既可以提交資料，而不影響介面),file。<textarea></textarea>,(下拉框)<select><option></option></select>       
           </form>
  • 背景色彩和文字色彩:<body link="red" text="blue">
  • 文字分區：<div></div>
  • 預格式化文本：<pre></pre>
完成菜譜和成績單的表格案列，架構插入案例和郵箱綜合案列

Html學習筆記整理

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在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

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

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

    Open a Ticket

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

    Learn More