web学习总结——静态网址设计

本次的期末大作业，我选择了使用MDB做静态网页设计，在设计的过程中，遇到了好多问题并积极的解决，最终完成了网页的设计。以下是在本次的设计的总结。

1.在网页设计的开始，我使用这一行代码对网页起了名字并设计了图标：

<title>宁夏</title>   #给网页起名
<link rel="icon" href="img/1.ico" type="image/x-icon">  #设置网页图标

**2.**背景音乐的设置：

</div>
        <audio id="music1" controls="controls" autoplay="autoplay" preload id="music1" hidden>
        <source src="img/1.mp3" />
      </div>

用这段代码，可以让音乐在页面打开时自动且循环播放
**3.**表格制作和样式设计：

  <style>
   table{width: 100%;height: 50px;margin: 0%;border: 1px solid rgb(187, 21, 21);
   th{ height: 40px;line-height: 40px;font-family: "宋体";font-size: 14px;font-weight: normal;color: #000;text-align:center;border: 1px solid #ccc;background-color: rgb(48, 46, 184);
                }
  td{height: 40px;line-height: 40px;font-family: "宋体";font-size: 14px;font-weight: normal;color: #000;text-align:center;border: 1px solid #ccc;background-color: aqua;
                }
     </style>

用这段代码我设计了表格的样式表，然后在做网页时使用了2次。效果如下：

**4.**浮动的设计，在设计简介时，我使用了左浮动和有浮动，基本样式表如下：

<style>
    .example-float-right {
      float: right;
    }
  </style>//设计浮动样式
  <img src="img/火石寨.jpg" class="example-float-left" alt="">使用浮动5.

**5.**视频的加载
在HTML5中，audio标记用于定义音频文件，它支持三种音频格式，分别为ogg、mp3和wav。使用 audio标记嵌入音频文件的基本语法格式如下：

< audio src="音频文件路径" controls=" controls"></ audio>

从上面的基本语法格式可以看出，audio标记的语法格式和 video标记类似，在 audio标记的语法中src属性用于设置音频文件的路径，controls属性用于为音频提供播放控件。在< audio>和< /audio>之间同样可以插入文字，当浏览器不支持 audio标记时，就会在浏览器

中显示该文字。