01-html

Hyper Text Markup Language

超文本標(biāo)記語言

IDE：HBuilder

1.各類標(biāo)簽

• 標(biāo)題標(biāo)簽

<h1></h1> 只能1-6

• 水平分割線

<hr/>

• 換行

<br/>

• 斜體

<i></i>

帶語義：電子閱讀器會加重語氣

<em></em>

• 加粗

<b></b>

帶語義：

<strong></strong>

• 修改字體(size 1-7)

<font></font>

<font color="red" size="1" face="微軟雅黑" ></font>

• 圖片

<img src=" " width="" height="" alt="" />

alt：文件加載失敗是的提示信息

• 列表

  • 無序列表

  <ul>
      <li>百度</li>
      <li>...</li>
  </ul>
  
  

  • 有序列表

  <ol>
      <li>...</li>
      <li>...</li>
  </ol>
  
  

• 超鏈接

<a href="網(wǎng)站網(wǎng)址" target="跳轉(zhuǎn)的方式 self：在當(dāng)前窗口 blank：新標(biāo)簽頁"></a>

• 表格
  • border 邊框
  • width 寬度
  • height 高度
  • bgcolor 背景顏色
  • align 對齊方式

<table>
    <tr> <!--行-->
    	<td> </td> <!--列--> 
        <td> </td>
    </tr>
    <tr>
    	<td></td>
        <td></td>
    </tr>
</table>

合并單元格

? colspan 跨列

? rowspan 跨行

<td colspan="2"></td>      <!--跨兩列-->

嵌套：width=“100%”

2.注冊頁面

<form action="提交表單后跳轉(zhuǎn)的頁面" method="跳轉(zhuǎn)方式 get post">
    <!--輸入框-->
	<input type="指定輸入項的類型" placeholder="默認(rèn)提示信息" name="表單提交時，當(dāng)做參數(shù)使用" id="起名，后期使用">
    <!--
		type屬性:
			text:文本
			password:密碼
			radio:單選框，指定相同的name
			checkbox:復(fù)選框
			submit:提交按鈕
	-->
    <!--文本域-->
    <textarea cols="寬度" rows="高度"></textarea>
    <!--下拉列表-->
    <select>
        <option></option>
        <option></option>
    </select>
    
    <input type="submit" value="按鍵名稱">
    
</form>

3.框架

frameset(使用框架必須刪除body標(biāo)簽)

屬性 src：引入的html文件路徑

? name：指定框架的名稱

<frameset rows="10%,30%,*">
    <frame src="aaa.html"/>
    <frame src="bbb.html"/>
    <frame src="ccc.html"/>
</frameset>