1. 程式人生 > >html總結1

html總結1

調用 推薦 alt cte 子郵件 填寫信息 默認 class 新人

(1)有序列表標簽:

<ol>
  <li>填寫信息</li> 
  <li>收電子郵件</li>
  <li>註冊成功</li>  
</ol>

運行結果:

技術分享圖片

(2)無序列表標簽:

<ul>
  <li>如何激活會員名?</li>
  <li>如何註冊貴美會員?</li>
  <li>註冊時密碼設置有什麽要求?</li>
  <li>貴美認證</li>
</ul>

運行結果:

技術分享圖片

(3)實際開發中常用的四種塊狀結構:

技術分享圖片

(4)圖像標簽:

<img  src= "圖片地址"  alt="提示文字"   title="提示文字" />

其中圖片地址可以用絕對路徑,也可以用相對路徑(推薦用相對路徑, 將其放在一個文件夾下)。

(5)範圍標簽<span> :顯示某行內的獨特樣式

<p>商品價格:僅售<span style="color:red;font-size:70px;">10</span></p>

運行結果:

技術分享圖片

(6)錨記標簽:

技術分享圖片

在網頁中點擊新人上路指南即跳轉到新人上路所在的位置。

(7)<input>標簽:

包括的屬性及意義:

1.value:顧名思義,值,價值,可以設置初值,也可以進行調用。

2.type:類型,分別有:

password:密碼,輸入的內容用點替代;

text:文本:普通的文本框;

radio:單選按鈕:可以設置附屬屬性checked=“checked”使其默認選中;

check:復選框:可以設置附屬屬性checked=“checked”使其默認選中;

submit:提交:提交表單內容;

reset:充值表單內容;

3.size:框的長度。

4.maxsize:最多填入字母數字等的個數。

5.disabled="disabled"設置按鈕默認不允許點擊。

(8)<select>選擇標簽:

<SELECT name="bmon">
    <OPTION value=" " selected>[選擇月份] </OPTION>
    <OPTION value=0>一月</OPTION>
    <OPTION value=1>二月</OPTION>
     ……
  </SELECT>

selected默認被選中的可選項。

(9)<textarea>多行文本框:

常用的屬性:

cols文本框的列數;

rows文本框的行數;

readonly="readonly將文本框中內容設為只讀;

html總結1