html看了就会（一）html常用文本标签语义与样式

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中一共有三种列表 都为块元素

1. 无序列表（用的较多） 用ul标签创建 在li标签在ul列表中创建一个一个的列表项，一个li就是一个列表项
2. 有序列表与无序列表类似，在ol标签中用li添加列表项
3. 列表之间可以相互嵌套，形成数的结构
4. 定义列表 标签为dl
   更多前端内容，请关注公众号：前端从入门到SP
   请扫描二维码获取更多前端资料