html笔记(图像标签,链接标签和“思维导图”)

16 篇文章 0 订阅
10 篇文章 0 订阅
论注释的重要性(多记笔记)

一,图像标签及路径(重点)

1.路径
(1)目录文件夹和根目录:
实际工作中,我们的文件不能随便乱放,否则用起来很难快速的找到他们,因此我们需要一个文件夹来管理他们。
目录文件夹:就是普通文件夹,里面只不过存放了我们所做页面所需要的相关素材,比如html文件、图片等。
根目录:打开目录文件夹的第一层就是根目录
2.路径
页面中的图片会非常多,通常我们会新建一个文件夹,来存放这些图片文件(images),这时在查找图像,就需要采用“路径”的方式来指定图像文件的位置。
(1)路径之相对路径
相对路径:以引用文件所在位置为参考基而建立出的目录路径。础,
这里简单来说,图片相对于html页面的位

(2)路径之绝对路径
绝对路径:指目录下的绝对位置,直接达到目标位置,通常是从盘符开始的位置。
 超链接标签(重点)在html标签中,<a>标签用于定义超链接,作用是从一个页面链接到另一个页面。
1.超链接语法格式
 <a href=".//#.html">百度一下你就知道了</a>
2.链接分类
1.外部链接:例如:<a>
href='http://www.baidu.com'>百度</a>.
2.内部链接:网站内部页面之间的相互链接直接链接内部页面名称即可,例如<ahref='index.html'>首页</a>。
3.空链接:如果当时没有确定链接目标时,<ahref='#'>首页</a>。
4.下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。
5.网页元素链接:在网页中的各种网页元素如文本、表格、图像、音频、视频等都可以添加超链接。
6.锚点链接:点我们点击链接可以快速定位到页面中某个位置。
1)在链接文本的href属性中,设置属性值为#名字的形式,如吴彦祖。
2)找到目标位置标签,在里面添加一个id属性=刚才的名字,如<h3 id='two'>吴彦祖介绍</h3>

HTML中的注释和特殊字符

1.注释
如果需要在 HTML 文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。
HTML中的注释以“<!-”开头,以“ -->”结束。
具体实现:
快捷键:ctrl +/
一句话: 注释标签里面的内容是给程序猿看的这个代码是不执行不显示到页面中的。
添加注释是为了更好地解释代码的功能,便于相关开发人员理解和阅读代码,程序是不会执行注释内容的。
<body>
    <div class="bigcox">
        <div>
            <img src="#" alt="">
        </div>
        <hr>
        <span class="span.1">免费注册</span>
    </div>
</body>

 图像标签属性注意点:
①图像标签可以拥有多个属性,必须写在标签名后面。
②属性之间不分先后顺序,标签名与属性,属性与属性之间均用空格分开
③属性采取键值对的格式,即key='value’的格式,属性=“属性值”

  • 21
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值