html常用文本标签语义与样式
em标签用于表示一段内容的着重点,指的是语气上的强调
strong标签用来表示内容上的重要性,指的是语义上的重要性
两者都表示强调的内容
<p>
今天天气<em>真不错</em>
</p>
<p>
<strong>
不好好学前端,没有高工资
</strong>
<i>我是加粗</i>
<b>我是斜体</b>
<small>此标签中内容会比他的父元素要小一点,比如使用用来表示细则一些的东西 </small>
<cite>此标签语义指的是加书名号的内容可以用此标签</cite>
<sub>语义为下标</sub>
<sup>语义为上标</sup>
<del>删除效果 用途淘宝价格</del>
<pre>预格式标签 会将代码中的格式保存,不会忽略多个空格</pre>
<code>语义指标签里的为代码,常与上一个标签同时使用</code>
<ul> <-- 列表 <ol>为有序列表 -->
<li>武松</li>
<li>关羽</li>
<li>张飞</li>
<ul>
<-- 定义列表 -->
<dl>
<dt>列表项<dt>
<dd>对列表的定义<dd>
<dl>
</p>
<-- 去掉列表前的点,在css样式中写 -->
ul{
list-style:none;
}
如果单纯的为文字图标加粗和斜体 不考虑语义的情况下可以直接b和i标签
列表标签 html中一共有三种列表 都为块元素
- 无序列表(用的较多) 用ul标签创建 在li标签在ul列表中创建一个一个的列表项,一个li就是一个列表项
- 有序列表与无序列表类似,在ol标签中用li添加列表项
- 列表之间可以相互嵌套,形成数的结构
- 定义列表 标签为dl
更多前端内容,请关注公众号:前端从入门到SP
请扫描二维码获取更多前端资料