JavaWeb之關於html基本學習的具體介紹-html教學-PHP中文網

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

黄舟

發布： 2017-07-24 13:49:06

原創

1123 人瀏覽過

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的程式碼不區分大小寫

分割線:
表單標籤

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

#
和
get請求網址列會攜帶提交的數據，post不會攜帶
##get請求安全等級較低，post較高

get請求資料大小的限制，post沒有限制
action:提交到地址，預設提交到目前頁面

#method:表單的提交方式
enctype: 一般請求下不需要這個屬性，做檔案上傳時候需要設定這個屬性
密碼輸入項目：

單選輸入項目：
-> 在裡面需要屬性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"><input type="image" src="a.jpg"/></pre><div class="contentsignin">登入後複製</div></div><code>大部分的輸入項目使用##### #############html中其它的常用標籤的使用################b### –加粗######## #######s### –刪除線###############u### –下劃線############### i### –斜體###############pre### –原樣輸出##############sub####與## #sup### –下標與上標###
div –自動換行
#span –在一行中顯示