前端html常用标签

<pre></pre>中间放入代码段落,有语义
<p></p>中间放入代码段落,没有语义
<h1></h1>
<b>加粗,没有语义</b>
<strong>加粗有语义</strong>
<i>斜体,没有语义</i>
<em>斜体,有语义</em>
<s>中划线,删除,没有语义</s>
<del>中划线,删除,有语义</del>
&yen<del>120</del> 人民币的符号
&copy 版权符号
<br>换行标签
<hr>水平线
color:一般指字体颜色
align=" "对齐方式 lift左对齐 right右对齐 center 居中
img src="地址(相对or绝对) ''alt="图片加载不出显示 "  
<a href="地址#ip">标签</a>
1、列表
(1)、有序列表order list
 <ol type="1" start="1">type表示排序类型 start表示从第几个开始一定要数字
 <li>数据</li></ol>
 (2)、无序列表unorder list ,如果不想在前面加东西还可以style
 <ul type="square" style="list-style: none">
 <ul type='square'  >
    <li>数据</li> </ul>
 (3)、自定义列表 defined list,dt:title标题,dd:data数据
 <dl>
    <dt>标题</dt>
    <dd>数据</dd> 
 </dl>
 4、表格
 表格table 行tr>th,th在tr里, 列td
<table border="1" align="center">
    <caption>标题</caption>
    <thead>表头
    <tr>每一行
        <th>数据</th>每一列
        <th>数据</th>
    </tr>
    </thead>
    <tbody>表的身体部分
    <tr>
        <td>数据</td>
        <td>数据</td>
    </tr>
    </tbody>
</table>

猜你喜欢

转载自blog.csdn.net/qq_44240254/article/details/87888301