使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置。其基本语法格式如下：
<标签名 属性1=“属性值1” 属性2=“属性值2” …> 内容 </标签名>；
注意：在书写标签属性的时候每一个属性之间要用空格隔开；
20 、图片图像标签 img（重点）
img标签是单标签，我们在用img引入图片的时候必须配合原则性属性src属性找到图片对应的路径；
<img src=”图片路径” />
图片标签img的常见属性
src 属性值 --- url（图像路径）
alt 属性值 --- 替换文本 图像不能正常显示的时候替换文本；
title属性值 --- 提示文本 鼠标移入图片显示提示文本；
width属性值 --- 自定义数值 设置图片的宽度；
height属性值 --- 自定义数值 设置图片的高度；
border 属性值 --- 自定义数值 设置图片的描边，一般不使用，后期会使用css进行设置；
注意：01.src属性是必须书写的；
02、给图片设置宽高的时候我们一般只设置一个宽度或者高度，不能同时设置，因为我们设置一个值的话图片就会等比例缩放，要是设置两个值图片就变形；
21、超链接a（重点）
概念
双标签 <a href=”文件路径”></a>
Href嗨原则性属性必须要书写，双引号里面是要跳转的目标文件；
超链接的链接方式：
外部链接（线上链接）：直接在href=“http://+要访问的网址”，注意http://必须书写；
内部链接： 直接在href=“书写html页面名称（相对路径查找）”，注意在书写内部链接的时候要书写清楚页面的路径；内部跳转的是所有的文件必须在一个项目下面；
空链接：如果不知道要链接到什么地方，我们就暂时用#代替即可；
其他链接：我们不仅仅能给文字添加链接，我们还可以给其他的网页元素添加链接，例如：图像、表格、音频、视频等；
新窗口打开链接：target="_blank"
22、html注释
html注释：<!-- 注释内容 -->
快捷键：Ctrl+？
添加注释的作用：说明代码的含义，更好的管理代码的可读性，程序是不会对注释的代码进行解析的；
23、路径
路径分为绝对路径和相对路径，相对路径又分为同级路径、下级路径、上级路径；
路径就是从文件自身（当前的html）出发去查找目标文件
同级路径：
文件（html文件）和目标文件在同一个目录文件下面平级存在，我们可以直接书写目标文件名称（如果是图片就直接书写图片名称）,例如：laowang.jpg；
下级路径
文件（html文件）和存放目标文件的父级是平级存在，我们可以先书写目标文件的父级名称+/+目标文件名称，例如：img/laowang.jpg
上级路径../
存放文件（html文件）的父级和存放目标文件的父级是平级关系，我们可以直接以 ../ 表示上一级去查找目标文件路径；
记忆口诀：
同级路径：文件和目标文件是同一个父级，平级关系；
下级路径：从文件出发往里面查找；
上级路径：从文件出发往外面查找，用 ../ 表示上一级关系；
绝对路径
绝对路径：以web站点根目录为参考基础的目录路径，其实一般分为两种情况：
01、带有盘符的路径，坚决不能使用，
• 例如：“D:\web/logo.gif”;
02、完整的网络地址，可以使用只要网络资源一直存在，
• 例如： http://www.itcast.cn
24、锚点链接
作用：实现页面内部的跳转
锚点链接的添加：
01 确认要跳转的位置标签，然后在标签身上添加id=”id名称”；
02 调用id名称，用超链接a进行调用，<a href=”#id名称”>锚点按钮</a>
25、 base标签
单标签，base标签可以统一设置超链接a的打开方式,书写在<head></head> 之间；
<base target=“_blank”>
26、pre预格式化
双标签，html写成什么样子就是什么样式；
注意：我们常用的特殊符号是：空格 、小于号<、大于号>、版权©；
|
|
收藏
淘帖
踩
