黑马程序员技术交流社区
标题:
这是自己通过老师整理的有道笔记这是一部分
[打印本页]
作者:
darui
时间:
2019-4-17 18:34
标题:
这是自己通过老师整理的有道笔记这是一部分
使用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写成什么样子就是什么样式；
注意：
我们常用的特殊符号是：
空格
、
小于号<
、
大于号>
、
版权©；
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2