相信学前端的标签大家都认识,所以就不多BB啦,总结一些HTML标签里边小的知识点。
1.能运行在微信上的网页,统称H5。
2.<!DOCTYPE html>
用来选择文档类型,他不是一个标签,他是一个声明语句。每一个页面都要加上它
3.除了div和span,其他标签都有默认样式。
4.<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
其中alt表示alternative(可选),如果这个图片下载失败了,就显示alt来展示,此外,当用户把鼠标移到图像上方,最新的浏览器会在一个文本框中显示描述文本
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.com9.在index.html文件中写
<a href="xxx.html">qq</a>
文件不会跳转到index.html/xxx.html
只会跳转到
image.png
注意:只有#不会发请求10.伪协议
<a href ="javascript;">QQ</a>
点击a标签会执行这个js代码,但是这个js代码什么也没有(为什么会有这个标签,因为我们以后会遇上想写链接但是又不想跳转的a标签,所以有伪协议。),所以这样我们就得到点击什么都不做的a11.
<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
所以综上所述 ./ : 表示当前文件夹
../:表示上一级文件夹
由于./表示当前文件夹,所以可以省略。
网友评论