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>   <!--加粗和居中-->
      </tr>
  </table>

  html的五個規範

• 一個html檔案開始標籤和結束的標籤和

• html包含兩部分內容

#
• 設定相關資訊

顯示在頁面上的內容都寫在body裡面

html的標籤是成對的

• #html的程式碼不區分大小寫

#有些標籤，在標籤內結束。例如換行:


• 分割線:

  ---

• 表單標籤

• #可以提交資料到伺服器，這個過程可以用表單標籤實作

• #

  和

• get請求網址列會攜帶提交的數據，post不會攜帶

• ##get請求安全等級較低，post較高

  
  get請求資料大小的限制，post沒有限制
  
  

常用的有兩種get和post get預設就是get請求

• action:提交到地址，預設提交到目前頁面
  
  
  

  #method:表單的提交方式

• 
  enctype: 一般請求下不需要這個屬性，做檔案上傳時候需要設定這個屬性

#面試題目：get和post區別

• 
  

輸入項目：可以輸入內容過選擇內容的部分

• 
  

#普通輸入項目：

• 
  

  密碼輸入項目：

• 
  單選輸入項目：

• -> 在裡面需要屬性name
-> name的屬性值必須相同
• ->必須有value值

  
  

複選輸入項目：
• -> 在裡面需要屬性name

  -> name的屬性值必須相同-> 必須有value值

檔案輸入項目（後面上傳時被使用到）

->

• #下拉輸入項目（不是在input標籤裡面的）

  <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="注册"/>

  使用圖片提交

• <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;input type=&quot;image&quot; src=&quot;a.jpg&quot;/&gt;</pre><div class="contentsignin">登入後複製</div></div><code>大部分的輸入項目使用##### #############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中文網其他相關文章！