HTML基础
- <!DOCTYPE html> 表示使用的html版本
- <meta charset=”UTF-8” /> 字符集
- 标题标签<h1>、<h2>、~<h6>标题
- <p></p>段落标签
- <hr/>水平标签
- <br/>换行标签
- <div></div>和<span></span>没有语意连个盒子
- 强调语义标签
- <strong>加粗</strong>、<em>倾斜</em>、<del>删除</del>、<ins>下划线</ins>
- 图像标签
-
<img src="3.jpg" title="小猫" alt="图片加载失败" width="300" height="300"/>
-
- 超链接标签
-
跳转外部链接:<a href="http://www.baidu.com" target="_blank">百度</a>
-
跳转内部链接:< a href="index.html"> 首页 </a >
-
描点: <a href="#content">内容</a> <div id="content">内容</div><br>
-
- base标签
- 列表
- 无序
-
<ul>
<li>三星</li>
<li>华为</li>
<li>苹果</li>
</ul>
-
- 有序
-
<ol>
<li>三星</li>
<li>华为</li>
<li>苹果</li>
</ol>
-
- 自定义列表
-
<dl>
<dt>手机</dt>
<dd>三星</dd>
<dd>华为</dd>
<dd>苹果</dd>
</dl>
-
- 无序
- 表格
-
表格基本属性
cellpadding表格内容与表格之间的距离
cellspacing表格与表格之间的内容
<table border="1" cellpadding="0" cellspacing="0" align="center" >
<caption><strong>学生信息表</strong></caption>
<tr>
<th>序号</th>
<th>姓名</th>
<th>电话</th>
</tr>
<tr>
<td>1</td>
<td>张三</td>
<td>12233445</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td>2534346</td>
</tr>
</table>
-
合并单元格
<table border="1" cellpadding="0" cellspacing="0" align="center" >
<caption><strong>学生信息表</strong></caption>
<tr>
<th>序号</th>
<th>姓名</th>
<th>电话</th>
</tr>
<tr>
<td rowspan="2" >1</td>
<td colspan="2" >张三</td>
</tr>
<tr>
<td>李四</td>
<td>2534346</td>
</tr>
</table>
-
- input标签
- label标签
-
<label for="name" >姓名:</label> <input id="name" type="text" >
-
<label>姓名:<input type="text0" ></label>
-
-
textarea文本域
-
自我介绍:<textarea rows="3" cols="5" ></textarea>
-
-
下拉列表框
<select>
<option selected >男</option>
<option>女</option
</select>