JavaWeb之關於html基本學習的具體介紹

JavaWeb01_html basic

html操作想法

• #使用標籤把要操作的資料包起來，透過修改標籤的屬性值，來實現標籤內資料樣式的變化

font標籤

• 屬性：size取值範圍1-7 color：英文單詞，十六進位數#ffffff

標題標籤<h1> </h1> ... <h6> </h6>

• #從h1到h6越來越小，自動換行

註解

• #<!-- html的註解-- >

列表標籤

• <dl> <dt></dt> <dd&gt ;</dd> </dl>

• #有序

• 無序

• 圖片標籤

#alt:瀏覽器的相容性很差

• 路徑（相對路徑）

• 在同一層目錄：直接寫

在下一層目錄：images/1.jpg

在上層目錄： ../

• 超連結標籤顯示在頁面上的內容

• 開啟方式target=”_self _blank”

• #預設是在目前頁面開啟##表格標籤#

  <table>
      <tr>
          <td></td>
          <th></th>   <!--加粗和居中-->
      
  </code></p>html的五個規範</li>
  <li><p><code>一個html檔案開始標籤和結束的標籤</code><code>和</code></p></li>
  </ul>
  <li><p>html包含兩部分內容</p></li>
  <li><p></p></li>#<li>設定相關資訊<p> <code></code><code></code></p>
  </li>顯示在頁面上的內容都寫在body裡面<h2></h2>
  <ul class=" list-paddingleft-2">
  <li><p></p></li>html的標籤是成對的<li><p><code></code>#html的程式碼不區分大小寫<code></code></p></li>#有些標籤，在標籤內結束。例如換行:<ul class=" list-paddingleft-2" style="list-style-type: square;">
  <br><li> 分割線:<p></p>
  <hr>
  </li>
  <li>
  <p></p>表單標籤</li>
  <li><p></p></li>
  <li><p></p></li>
  <li><p></p></li>
  <li><p></p></li>
  <li><p></p></li>
  <li><p></p></li>
  </ul>
  <li><p>#可以提交資料到伺服器，這個過程可以用表單標籤實作</p></li>
  <ul class=" list-paddingleft-2" style="list-style-type: square;">
  <li>
  <p>#</p>
  <form><code>和</code></form> </li>
  <li><p><code></code>get請求網址列會攜帶提交的數據，post不會攜帶</p></li>
  <li>##get請求安全等級較低，post較高<p><code></code><br>get請求資料大小的限制，post沒有限制<br><br></p>
  </li>常用的有兩種get和post get預設就是get請求<li>
  <p><code></code>action:提交到地址，預設提交到目前頁面<br><br><br></p>#method:表單的提交方式</li>
  <li><p><br>enctype: 一般請求下不需要這個屬性，做檔案上傳時候需要設定這個屬性<code></code></p></li>#面試題目：get和post區別<li><p><br> </p></li>輸入項目：可以輸入內容過選擇內容的部分<li><p><br></p></li>#普通輸入項目：<li>
  <input type="text"> </li>
  <li>
  <p><br></p>密碼輸入項目：</li>
  <input type="password"><li>
  <li>
  <p><br>單選輸入項目：</p>
  <input type="radio">
  </li>
  <li>-> 在裡面需要屬性name</li>-> name的屬性值必須相同<li>->必須有value值<p><br></p>
  </li>複選輸入項目：<li><input type="checkbox"></li>
  <li>-> 在裡面需要屬性name <p>-> name的屬性值必須相同<code>-> 必須有value值</code></p>
  </li>
  </ul>檔案輸入項目（後面上傳時被使用到）</ul>-> <h2><input type="file"></h2>
  <ul class=" list-paddingleft-2">
  <li>
  <p><code>#下拉輸入項目（不是在input標籤裡面的）</code></p> <pre class='brush:php;toolbar:false;'><select name="birth">
      <option value="0">请选择</option>
      <option value="1991">1991</option>
      <option value="1991">1992</option>
      <option value="1991">1993</option>
      <option value="1991">1994</option>
  </select>

• 文字網域

<textarea cols="10" rows=""></textarea>

• 隱藏項目（不會顯示在頁面上，但存在於html程式碼裡面)

• <input type="hidden"/>

  提交按鈕

• <input type="submit"/>
  <input type="submit" value="注册"/>

  使用圖片提交

• <pre class='brush:php;toolbar:false;'>&lt;input type=&quot;image&quot; src=&quot;a.jpg&quot;/&gt;</pre>大部分的輸入項目使用

  ##### #############html中其它的常用標籤的使用################b### –加粗######## #######s### –刪除線###############u### –下劃線############### i### –斜體###############pre### –原樣輸出##############sub####與## #sup### –下標與上標###

• div –自動換行

• #span –在一行中顯示

#html頭標籤的使用

• html兩部分組成head和body

• 可以使用link標籤引入css文件

• 可以統一設定超連結的開啟方式<base target="_blank"> –設定全文超連結以新視窗開啟

• <meta name="keywords" content="學習,熊出沒"> –先前的搜尋引擎檢索方式

• <meta http-equiv="refresh" content="3; url="> –三秒跳轉

• ##在head裡面的標籤就是頭標籤

• title標籤：表示在標籤上顯示的內容

• 標籤：設定頁面的一些相關的內容

• base標籤：設定超連結的基本設定

• link標籤：引入外部檔案

框架標籤的使用
使用框架標籤的時候，不能寫在body裡面，使用了框架標籤，需要把body去掉

• 標籤
• rows:依行分割

• cols:依列分割

########## ####標籤######################### #########具體顯示的頁面#############

以上是JavaWeb之關於html基本學習的具體介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！