html标签分类:
1,双标签
<标签名>内容</ 标签名>
<div>内容</ div>
2,单标签
<标签名 />
<br />
标签关系:
1,嵌套关系
2,并列关系
<!DOCTYPE html> 声明为 HTML5 文档 通用声明
/<!DOCTYPE>声明有助于浏览器中正确显示网页。
正确声明HTML的版本,浏览器就能正确显示网页内容。
doctype 声明是不区分大小写.
<meta charset="UTF-8">
中文编码
目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8,有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为charset=“gbk”。
假设文件目录有空格,直接将空格换成:
%20
如下:
<img src="file:///location/space%20space/Images/IMG.png" width="x" height="y"/>
HTML 中 href、src 区别:
href 是 Hypertext Reference 的缩写,表示超文本引用。用来建立当前元素和文档之间的链接。常用的有:link、a。例如:
<link href="reset.css" rel=”stylesheet“/>
浏览器会识别该文档为 css 文档,并行下载该文档,并且不会停止对当前文档的处理。这也是建议使用 link,而不采用 @import 加载 css 的原因。
src 是 source 的缩写,src 的内容是页面必不可少的一部分,是引入。src 指向的内容会嵌入到文档中当前标签所在的位置。常用的有:img、script、iframe。例如:
<script src="script.js"></script>
当浏览器解析到该元素时,会暂停浏览器的渲染,直到该资源加载完毕。这也是将js脚本放在底部而不是头部得原因。
简而言之,src 用于替换当前元素;href 用于在当前文档和引用资源之间建立联系。
HTML
<!doctype HTML>
<html>
<head>
<link rel="shortcut icon" href="图片url">
<title>这是一个带图片的标签</title>
</head>
<body>
</body>
</html>