day 2
2.p标签
英文：paragraph
双标签，文本级标签
作用：添加一个完整段落的语义
基本使用形式：
3.img标签
英文：image（图片）
单标签，文本级标签
作用：在指定位置插入一张图片
img标签的属性：
src：用来引入图片的路径
alt：图片加载不出时的替换文本
当图片无法加载出来时：
显示alt里面的说明内容
img像素属性：数字加上px
width：设置图片的宽度
height：设置图片的高度
title:鼠标移上去的悬停文本
border:给图片添加边框，单位是像素（只写数字即可）
图片的border属性了解即可，我们现实生活中加边框是利用css来控制样式，因为边框不可能只有黑色
以下是利用css设置的红色边框
相对路径和绝对路径
相对路径：从html文件出发，找到对应图片位置的路径
如果进入到某个文件夹使用'/'，如果出某个文件夹使用'../'
如果文件夹内部是文件，图片在文件夹外面，则需要使用'../'找到对应的文件
如果需要出多个文件夹，使用多个'../'
绝对路径
绝对路径主要分为盘符绝对地址和网站绝对地址
盘符绝对地址：通过电脑c盘根目录出发去查找对应文件位置，工作中不使用这种方法，因为服务器没有c盘等这些目录
网站的绝对地址：
锚点<a></a>
英文anchor（锚）
双标签，文本级标签
作用：在指定位置添加一个超级链接，从而实现相应的跳转
a标签有几个属性，是给超级链接添加相应的作用
href：英文hypertext reference（超文本引用）
target:是否在新标签页打开链接，值一定是“_blank”
title:鼠标移上文字的悬停文本，和img标签的title标签一样
页面锚点的使用
锚点的作用：实现点击超级链接从而实现页面内的跳转
方法一：设置一个空锚点，然后给空锚点设置一个name属性值和锚点的href属性是一样的
锚：href后面一定要加#，这是跳转锚点的点的标识
锚点的点：
方法二：用id来设置锚点
在h3后面添加 id=“jbxx”
锚：还是一个href不变
锚点的点：由原来的a标签的name属性变为了其他标签的id属性（比如h标签的id属性），id属性的值要和href一样
<h3 id ="jbxx">基本信息</h3>
HTML常见标签——列表
列表都不是单打独斗的，通常都是一组标签组成的
无序列表
作用：定义一个没有顺序的列表结构
有两个标签组成，ul，li
ul：英文 ulordered list （无序列表）
li：英文 list item（列表项）
ul里面嵌套li（li可以有多个）
无序列表的基本使用
需要注意的是，ul内部嵌套li，他们是父子关系，且都是容器级标签
规定：ul标签的内部必须只能嵌套li，而li标签的内部可以嵌套任何标签，甚至是ul
列表的拓展：li标签的内部可以继续嵌套列表结构
列表项之间没有先后顺序之分（它是无序项）
列表项之前的前缀样式是css控制的，目前只负责结构的搭建
有序列表
作用：定义一个有序列表的列表机构
需要有两个标签组成：ol，li
ol：英文 ordered list（有序列表）
li：英文 list item（列表项）
同样的ol里面只能嵌套li，而里里面可以嵌套其他标签甚至ol
基本使用：
前缀带有1 2 3序号之分
ol标签的嵌套：
看得出来，ol和ul的最大区别就是使用场景，一个有序而另一个无序
比如新闻，使用的就是无序列表
类似于音乐排行之类的就是有序列表ol的应用
有序列表更多的是用来有排行的网页布局
浙公网安备 33010602011771号