标签：cti div 用法 type style 有序列表 check NPU square
一、语法基础
1> 表格
1.1 格式
<tahle align="center" border="1px" cellpadding="10%" >
<caption>标题</caption>
<tr height="36" width="66%" align="center" >
<th>表头</th>
<th>表头</th>
</tr>
<tr>
<td bgcolor="red">内容</td>
<td>内容</td>
</tr>
</table>
1.2 表格内插入图像
<td><img src="URL" ></td>
1.3 表格的合并
<td colspan="跨的列数">
<td rowspan="跨的行数">
1.3 表格的列控制
col 对列的控制，有多少列，就有多少col。
<colgroup>
<col style="
<col style="background-color:#FFFFFF">
<col style="
<col style="background-color:#FFFFFF">
</colgroup>
2> div标签
class：CSS样式中的class选择符
sttyoe=
<div id="value" align="value" class="value" style="value">
<p>内容</p>
<p>内容</p>
</div>
3> span行内标签
用法：
<span style="font-size:24px;color:red">文字</span>
4> 列表
4.1 无序列表：ul
<ul type="类型">
<li>文字</li>
<li>文字</li>
<li>文字</li>
</ul>
类型:disc，circle,square
或者：
<ul>
<li type="disc">文字</li>
<li type="circle">文字</li>
<li type="square">文字</li>
</ul>
4.2 有序列表
格式：
<ol type=:"类型">
<li>文字</li>
<li>文字</li>
</ol>
type类型有：1,a,A,i,I
4.3 嵌套列表
格式：
<dl>
<dt>标题</dt> <br/>
<dd>内容</dd> <br/>
<dd>内容</dd> <br/>
<dt>标题二</dt> <br/>
<dd>内容</dd> <br/>
<dd>内容</dd> <br/>
</dl>
5> 表单
5.1 表单格式
<form action="" name="" method="" enctype="" target="">
...
</form>
action:表单要提交的地址
name：表单的名称
method：get、post
enctype：text/plain、application/x-www-form-urlencoded、multipart/form-data
target：目标窗口的打开方式
5.2 <input>标签
5.2.1 单行文本框
格式：
<input type="text" name="" size="" maxlength="" value="" />
name：文本框的名称
size：文本框的长度，以字符为单位
maxlength：最多输入的文字数
value：内默认值
5.2.2 密码输入框
<input type="password" name="" size="" maxlength="" value="" />
5.2.3 元素绑定标签
格式：
<label><img src=""><input type="text"></label>
5.3 单选按钮
格式：
<input type="radio" value="" name="" checked="checked" />
value：单选按钮的取值
name=：单选按钮的名称
checked：默认选中
5.4 复选框
<input type="checkbox" value="" name="" checked="checked" />
选中可以简写为：checked
5.5 普通按钮
<input type="button" value=rrfc
标签：cti div 用法 type style 有序列表 check NPU square
原文地址：https://www.cnblogs.com/luwei0915/p/11515990.html
