html第二次课

标签（空格分隔）： 标签+样式

---

• dl标签

<dl>
    <dt>计算机</dt>
    <dd>计算机的第一次课程</dd>
    <dt>计算机</dt>
    <dd>计算机的第一次课程</dd>
</dl>

定义和用法

• dl标签定义了列表
• dl标签用于结合dt(定义了列表中的项目)和dd(描述了列表中的项目)

行内标签和块级标签

• 行内标签

  • a img span em strong
    • a标签:主要用来链接一个页面
    • img标签:图片引用标签
    • span标签:主要用来对行内的文字进行一些样式操作
    • em标签:主要用来对文字进行强调,用斜体体现出来
    • strong标签:主要用来对文字进行强调,用加粗字体体现出来

• 块级标签

  • div p ul li h1-h6 dl dt dd
    • div:用于页面布局
    • p:用于划分文章段落
    • ul:无序列表标签
    • li:列表中的主体使用标签
    • dl:定义了列表标签
    • dt:定义列表中的项目
    • dd:描述列表中的项目
    • h1-h6: 6级标题标签 字体的大小依次变小

区别:

• 行内标签:在一行内显示,不能设置宽度和高度
• 块级标签:独占一行,可以设置宽度和高度

嵌套规则:

• 块级标签可以嵌套行内标签,但是行内标签不可以嵌套块级标签
• p标签不可以套块级标签,但是可以套span,a标签

样式的引入三种方式:

• 外链式
  <link rel="stylesheet" type="text/css" href="css/style.css">
• 内联样式
  <span class="tit" style="color:pink;">王者荣耀</span>
• 内部样式
  <style type="text/css"> .kkk{ color:yellow !important; } </style>

样式的写法

font-family: "Microsoft YaHei", Helvetica, sans-serif;