11111111111111111111

Posted 2022-10-23 luwei0915

一、语法基础
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