HTMLday04一些常见的标签2

<img src="">:图片标签，可以在页面展示一张图片，其中src属性为图片的地址，图片的路径可以有很多，例如绝对路径、相对路径、http路径，绝对路径就是从盘符开始算的路径，相对路径就是当两个文件在同一级时，可以省略前面的一些路径，用"./"(同一级)和"../"（上一级），http路径是网页上你文件的路径，可以打开live sever查看，live sever是一个vscode的插件，可以随着我们修改代码而直接修改网页，不用再重新刷新网页，但是要先保存代码，建议开启自动保存，使用起来很方便，在live sever运行绝对路径的图片好像不会展示，建议使用相对路径，代码少也比较方便

代码展示（设置了图片宽度，给图片设置大小，一般高度和宽度设置一个就好了，图片会按比例变大或变小）：

 

图片位置展示（D:\网页制作\社会培训\day01）：

 

vscode直接运行效果：

 

live sever运行展示：

 

<ul></ul>:无序列表标签 ，就前面是一个点    <ol></ol>:有序列表标签，就前面有数字排序   <dl></dl>:自定义列表标签，就前面什么都没有，可以用dt自己设置前面是什么东西，   前两个ul和ol的子元素为<li></li>,表示列表在的一行，dl的子元素为<dt></dt>和<dd></dd>，dt有点像表格的表头效果，dd就是表示一行

代码展示：

浏览器效果：

 

一些小标签：

</br>:换行，使内容换行展示    </hr>:生成一条水平的线，就是一条横线      <input type="">:生成一个输入框，可根据type属性的值来决定生成一个什么样的输入框， 具体的可以看前一篇表单标签的代码，<button></button>:生成一个按钮   <title></title>:一般放在head标签中，设置网页的标题   <style></style>:承放网页css样式的地方，一般放在head标签中   <font></font>:用来设置包裹在font标签中的文本样式，一般会嵌套在其他标签中使用，给这个标签设置文本样式，学了css就不用这东西了，了解一下就行      <meat>:用来定义一些元信息，元信息不会展示在页面上，meat标签本身不包含任何内容，仅表示网页的相关信息，可以通过其属性定义页面的参数，例如：设置网页关键字、作者姓名等，初学者不用管这个。

代码展示：

 

这里设置的样式仅做展示作用： 

 

浏览器效果：