基本标签:
标题标签:
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
一般在搭建网页时候用h1标签作logo
文本倾斜:
<i>...</i>
<em>...</em>
文字加粗:
<b>...</b>
<strong>...</strong>
下划线:
<u>...</u>
段落标签:
<p>...</p>
换行:
<br>
线条:
<hr>
无序列表:
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
无需列表一般用作导航,新闻列表等
有序列表:
<ol type="i">
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ol>
type的值可以改变
自定义列表:
<dl>
<dt>标题</dt>
<dd>内容</dd>
</dl>
图文混排
超链接:
<a href="链接">文字或图片</a>
<a href="#top">返回顶部</a>
图片标签:
<img title="" alt="图片加载不出来时的说明" src="图片地址"/>
块:
<div>...</div>
表格标签:
<table width="宽度" height="高度" border="边界宽度" cellspacing="单元格间距" cellpadding="单元格间距" align="center">
<tr><th>...</th><th>...</th><th>...</th><th>...</th></tr>
<tr><td rowspan="2">...</td><td>...</td><td>...</td><td>...</td></tr>
<tr><td>...</td><td>...</td><td>...</td><td>...</td></tr>
<tr><td>...</td><td>...</td><td>...</td><td>...</td></tr>
</table>
rowspan="2" 2行合并
colspan="5" 5列合并
表单标签:
<form action="#" method="post">
<table border="0">
<tr>
<td>会员名:</td>
<td><input type="text" /></td>
<td>(可包含a-z0-9和下划线)</td>
</tr>
<tr>
<td>密 码:</td>
<td><input type="password" /></td>
<td>(至少包含6个字符)</td>
</tr>
</table>
<input type="submit" value="登录" />
<input type="reset" value="重置" />
单选
<p>
男<input type="radio" name="sex" />
女<input type="radio" name="sex" />
</p>
多选
<p>
打篮球<input checked="checked" type="checkbox" /> 吃鸡
<input type="checkbox" /> lol
<input type="checkbox" />
</p>
下拉选择
<select>
<option value="1">一月</option>
<option value="2">二月</option>
<option value="3">三月</option>
<option value="4">四月</option>
</select>
文本框
<textarea name="" rows="40" cols="50">
至少包含6个字符至少包含6个字符至少包含6个字符至少包含6个字符
至少包含6个字符v至少包含6个字符至少包含6个字符至少包含6个字符
至少包含6个字符至少包含6个字符至少包含6个字符至少包含6个字符至少包含6个字符
</textarea>
标签的分类:
行标签:
input i em img dl…
特点:行标签在页面中的排列如果空间不够自动折行
块标签:
div p h1-h6 ul li dl ...
特点:块标签在页面当中会逐行显示 每个元素独占一行