入坑前端04:关于HTML一些很重要但容易忽略的小知识

相信学前端的标签大家都认识,所以就不多BB啦,总结一些HTML标签里边小的知识点。

1.能运行在微信上的网页,统称H5。
2.<!DOCTYPE html> 用来选择文档类型,他不是一个标签,他是一个声明语句。每一个页面都要加上它
3.除了div和span,其他标签都有默认样式。
4.<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />其中alt表示alternative(可选),如果这个图片下载失败了,就显示alt来展示,此外,当用户把鼠标移到图像上方,最新的浏览器会在一个文本框中显示描述文本

image.png

5.所有的换行都会压缩成空格,你换一百行都没有用。只能用···
···,不能手动回车。
6.HTML5的推荐写法<input type="text">
7.a标签的target属性有四种情况,_self_blank
默认值。如果不写target属性,则这个值就是_self,在点击链接时,会在自己窗口再开链接,如果是_balnk,在新窗口中打开链接文档.

8.<a href ="qq.com">QQ</a>这个链接注意,你打开的是一个文件这个文件叫qq.com,所以不会跳转到QQ首页。<a href ="http://qq.com">QQ</a>这样写是可以的,表示我要开起一个网页,他是HTTP协议的,他的域名是qq.com
9.在index.html文件中写<a href="xxx.html">qq</a>文件不会跳转到index.html/xxx.html只会跳转到
image.png
注意:只有#不会发请求
10.伪协议<a href ="javascript;">QQ</a>点击a标签会执行这个js代码,但是这个js代码什么也没有(为什么会有这个标签,因为我们以后会遇上想写链接但是又不想跳转的a标签,所以有伪协议。),所以这样我们就得到点击什么都不做的a
11.<input type ="text" name="username">与 <input type ="text" name="username">name表示提交的数据
image.png

12.用lable把input包起来<lable>用户名<input type="text" name="xxx"></lable>lable标签不用写for属性,点击用户名也能
image.png
选中输入框
13.<meta charset="UTF-8">作用是解决中文乱码。
14. 是html一个实体符号,它就是一个空格。不是HTML标签。
image.png

15.关于绝对路径和相对路径,绝对路径是从最顶端出发,找到当前文件。
第一种情况
相对路径则要复杂一点。第一种情况,从当前路径出发,去找目标文件。
image.png
第二种情况
html文件与image文件夹是同级关系。所以访问要加上文件夹名字
第三种情况
从代码文件跳出去访问百度1.gif

所以综上所述 ./ : 表示当前文件夹
../:表示上一级文件夹
由于./表示当前文件夹,所以可以省略

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。