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

JavaWeb01_html basic

html操作想法

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

font標籤

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

標題標籤4a249f0d628e2318394fd9b75b4636b1 473f0a7621bec819994bb5020d29372a ... 4e9ee319e0fa4abc21ff286eeb145ecc 489364b7e0629f9745997c79a31b7c6d

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

註解

• #38d862fe93eb4ca9b7d7092be53872b2

列表標籤

• 5c69336ffbc20d23018e48b396cdd57a 73de882deff7a050a357292d0a1fca94c72c1af5e0e7f90179c047c5ef85885e 09d26108e951ca24acf2bd36a8a5fbb6 cd324b2387ec29e44e8e788c60648872

• #有序

• 無序

• 圖片標籤
81474adffc35d81a02f0a9b60de04950

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

• 路徑（相對路徑）

• 在同一層目錄：直接寫

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

在上層目錄： ../

• 超連結標籤81a0617221d6a66f0e309d4d877df44d顯示在頁面上的內容5db79b134e9f6b82c0b36e0489ee08ed

• 開啟方式target=”_self _blank”

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

  f5d188ed2c074f8b944552db028f98a1
      a34de1251f0d9fe1e645927f19a896e8
          b6c5a531a458a2e790c1fd6421739d1cb90dd5946f0946207856a8a37f441edf
          b4d429308760b6c2d20d6300079ed38e01c3ce868d2b3d9bce8da5c1b7e41e5b   555030cb2b5267c41522c066290065a2
      fd273fcf5bcad3dfdad3c41bd81ad3e5
  f16b1740fad44fb09bfe928bcc527e08

  html的五個規範

• 一個html檔案開始標籤和結束的標籤100db36a723c770d327fc0aef2ce13b1和73a6ac4ed44ffec12cee46588e518a5e

• html包含兩部分內容

#93f0f5c25f18dab9d176bd4f6de5d30e
• 設定相關資訊

  9c3bca370b5104690d9ef395f2c5f8d1

6c04bd5ca3fcae76e30b72ad730ca86d

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

36cc49f0c466276486e50c850b7e4956

html的標籤是成對的

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

#有些標籤，在標籤內結束。例如換行:
df250b2156c434f3390392d09b1c9563
• 分割線:

  231a563c997aa9e3e0ae614bd16728b0

• 表單標籤

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

• #ff9c23ada1bcecdd1a0fb5d5a0f18437和f5a47148e367a6035fd7a2faa965022e

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

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

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

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

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

  #method:表單的提交方式

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

#面試題目：get和post區別

• 
  

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

• 
  

#普通輸入項目：
• 4181d34c3a3ee326b7c38fff429306de

• 
  

  密碼輸入項目：
ea46e67aeb2828cb0736258b2a692b52

• 
  單選輸入項目：

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

  
  

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

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

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

->

714779e36f6b8fe3da1575391740131b

• #下拉輸入項目（不是在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="注册"/>

  使用圖片提交

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

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

• div –自動換行

• #span –在一行中顯示

#html頭標籤的使用

• html兩部分組成head和body

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

• 可以統一設定超連結的開啟方式bd1e0019a156d239985355445b844428 –設定全文超連結以新視窗開啟

• b9e7f36ba29bbdb4f79c69941929de45 –先前的搜尋引擎檢索方式

• f943578b614e4dd94ec8401e343a7dfb –三秒跳轉

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

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

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

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

• link標籤：引入外部檔案

框架標籤的使用

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

• f900b4fc197b16ab214eecf015bb6bd2標籤

• rows:依行分割

  88a1714e29069cd8c97d12b5cd88571b

• cols:依列分割

  fe8a1c9f4c285c8d98cad0432395d924

########## #04a0d55efbbfd646a993fbc01f262c57###標籤###################ee740a045b279370f760ba3d36051925###### #########具體顯示的頁面#############

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