女朋友自学前端之链接、标签、属性（第二天）-站长笔记

课堂作业：锚点链接可以到我们想要到的位置，那么我们需要做一个怎么返回到顶部

困难点：
1.相对标签上一级与下一级案例失败
2.超链接的锚点链接感觉有点难，有点糊

1.图像标签注意事项：
图像标签可以拥有多个属性，必须写在标签名后面 src
属性之前不分先后顺序，标签名与属性、属性与属性之间需以空格分开
属性采取键值对的格式，即key=〝value”的格式，属性=〝属性值”

2.相对标签与绝对标签
相对标签有三种:
同一级（< img src=〝图片文件名”/>）
下一级（< img src=〝/图片文件名”/>）
上一级（< img src=〝../图片文件名”/>）
绝对标签：
第一种（图片在电脑磁盘中，电脑无此文件夹则不显示，< img src=复制图片磁盘路径〝图片文件名”/>）
第二种（图片位于某个网站中，< img src=〝复制图片地址，完整的网络地址”/>）

3.超链接标签
链接语法格式：
< a href= ” target=〝目标窗口跳转的方式”>文本或图像</ a>

两个属性：
href(指定链接目标的url地址,当标签应用href属性时，就具有超链接功能)
target(指定链接页面的打开方式，_self为默认值，_blank在新窗口中打开方式)

链接分类：
外部链接
第一种（< a href=〝网址” target=〝_self”>网址网站文字</ a>）
第二种（< a href=〝网址” target=〝_blank”>网址网站文字</ a>）

内部链接
网站内部页面之前的相互链接，直接链接内部页面名称（< a href=〝index.html”>首页</ a>）

空链接
未确定网站地址，可使用#表示（< a href=〝#”>首页</ a>）

下载链接
如果href里面地址是一个文件或压缩包，会下载这个文件（< a href=〝压缩文件的名称”>下载文件</ a>）

网页链接
在网页中各种页面元素，如：文本、图像、表格、音频、视频等都可添加超链接（< a href=〝网页网址”><元素属性=〝元素文件名”/></ a>）

如图片元素，（< a href=〝网页网址”>< img src=〝img001.jpeg”/></ a>）

锚点链接
点击链接，可以快速定位到页面中的某个位置。在文本的href属性中，设置属性值为#名字的形式，如< a href=〝#two〞>第二集</ a>
找到目标位置标签，里面添加一个id属性=刚才的名字，如：<h3 id=〝two〞>第2集介绍</h3>
如：< a href=〝#jingli”>角色经历</ a>
<h3 id=〝jingli”>角色经历</h3>

4.注释标签和特殊标签

注释标签
在html文档中便于阅读和理解，但不需要显示在页面中的文字（以<！—— 开头，以——> 结束）,快捷键Ctrl+/
注释标签里面的内容是给程序员看的，这个代码是不执行不显示到页面中
如：<！–有首歌吧–>

特殊标签
空格标签  
小于号 <
大于号 >

5.综合案例
主要复习：
1.目录文件夹
2.今日所学标签
3.路径
4.锚点链接

目录文件夹（新建文件夹）+新建文件（文件html、图片新建一个文件夹）
圣诞节的那些事（一级标题）

1.圣诞是怎样由来的（换行标签）
2.圣诞老人的由来（换行标签，锚点链接）
3.圣诞树的由来（换行标签，锚点链接）

圣诞树是怎样由来的（二级标题）

文字（一段，段落标签）
图片（下一级相对路径）

圣诞老人的由来（二级标题、锚点链接）

文字三段（段落标签，圣诞老人打开新窗口使用内部链接+一级标题、文字一段、图片内部链接同级路径、新窗口中打开）
图片(下一级相对路径）

圣诞树的由来（二级标题、锚点链接）

文字4段（段落标签）
图片(下一级相对路径）

更多内容可以百度一下（外部链接，打开窗口的方式：新窗口打开）

相关推荐: 女朋友自学前端之键盘敲烂，工资过万（第一天）

<html></html> 开始和结束标签双标签<br /> 单标签包含关系：<html><head></head><body></body></html…

文章版权声明 1、本网站名称：狂神云浏览
2、本站永久网址：https://www.ksyll.com/
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ1527537492进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

WEB
# 链接 # 属性 # 标钱