常见标签及使用

一、常见标签
<h1>标题</h1>
<!-- 有h1到h6 -->
<u>下划线</u>
<i>斜体</i>
<em>斜体</em>
<b>加粗</b>
换行<br>
<del>删除线</del>
<s>删除线</s>
<hr>水平线
4 <sub>b下标</sub>(b在4的下面)
5 <sup>p上标</sup> (p在5的上面 )
&nbsp;空格
&gt;右尖括号
&lt;左尖括号
&copy;备案中图标版权
&yen;金额图标

二、列表
<ul>
<li>无序列表</li>
<li style="list-style:none;">css清除小黑点</li>
<li></li>
<li></li>
</ul>

<ol>
<li>有序列表</li>
<li><img src="../images/击剑.png
" alt="图片加载失败显示文子png差个g" title="鼠标滑过显示文字"></li>
<li></li>
</ol>

<!-- dl*2>dt{自定义列表$}+dd*5 -->
<!-- 快捷写法 -->

<dl>
<dt>自定义列表</dt>
<dd></dd>
<dd></dd>
<dd></dd>
<dd></dd>
<dd></dd>
</dl>

 三、表格

<table cellspacing="0" cellpadding="0">
<tr>
<td>tr行</td>
<td>td列</td>
<td>td里面放内容</td>
<td>字体没设置大小的话文字默认大小显示不下单元格会被撑开</td>
</tr>


<tr>
<td>不加border是没线的</td>
<td>没设置宽高的话,除非里面有文字才会被撑开</td>
<td>table样式设置完宽高以后会有单元格间距用cellspacing="0"放在table里面写就可以解决</td>
<td>还有内容与单元格的间距也是一样,不过用的是cellpadding="0"设置</td>
</tr>


<tr>
<td rowspan="2">rowspan合并行单元格,里面合几个填几个就好了,记得把被合并的那个td删了或者注释,现在用的是注释</td>
<td></td>
<td colspan="2">这个是合并列单元格,一样记得删除td或者注释</td>
<!-- <td></td> -->
</tr>


<tr>
<!-- <td></td> -->
<td>小白记忆</td>
<td>一行两行合并就上一行和下一行合并</td>
<td>一列两列就左一列和有一列合并</td>
</tr>
</table>

 

四、表单
<div class="biao">
<!-- checked默认选项,label点击文字就会跳到id的那个搜索框for里面和id写一样,disabled不允许选 -->
<form action="#" method="get">
<p>
<span><label for="ma">手机号</label></span>
<input type="text" value="请输入" id="ma">
</p>


<p>
<span>密码</span><input type="possword" placeholder="字母" pattern="[a-zA-Z]">
</p>


<p>
<span>性别</span><input type="radio" name="12">男<input type="radio" name="12" checked="checked">女<input type="radio" name="12">人妖
</p>

<p>
<span>爱好</span>
<input type="checkbox" checked="checked">唱
<input type="checkbox">跳
<input type="checkbox">rap
<input type="checkbox" disabled="disabled">篮球
</p>

<p><span>出生日期</span>
<select>
<option>2001年</option>
<option>2002年</option>
<option>2003年</option>
<option chected="checked">默认2004年</option>
<option disabled="disabled">不可选2005年</option>
</select>

</p>

<span>自我评价</span><textarea>文本域</textarea>

 

 

<p>

<span></span>

<!-- 重置按钮和提交按钮 -->
<input type="reset" value="重置" style="margin-right: 10px;">
<input type="submit" value="提交">
<!-- 普通按钮 -->
<input type="button"value="普通按钮">
<!-- 图片按钮 -->
<input type="image" src="../images/shu.png">
</p>


<p>

<!-- 上传文件 -->
<input type="file" name="files">
<input type="button" value="上传" name="upload">

</p>


<!-- 邮箱验证 -->
<p>邮箱:
<input type="email" name="">
</p>

 

<!-- 数字 -->
<p>
数字:<input type="number" name="num" max="100" min="0" step="1">
</p>


<!-- 音量 -->
<p>
音量:<input type="range" name="voice" min="0" max="100" step="2">
</p>


<!-- 搜索框 -->
<p>
<input type="search" name="search">
</p>

上一篇:Python3基础 raise 产生RuntimeError 异常


下一篇:KEA芯片MSCAN报文接收逻辑梳理