标签
文档声明
必须要写，表示HTML5文档
一般在最顶部
<!DOCTYPE html>
html
文档根元素
其他元素为它的后代元素
- lang 语言属性默认为en英文, ch为汉字
<html lang="en">
head
内部包含meta title link等元素
meta
设置字符编码
<meta charset="UTF-8">
title
设置网页标题
link
- 引入css文件
<link rel="stylesheet" href="./css/page.css">
- 设置网页图标
<link rel="icon" href="//www.jd.com/favicon.ico">
base
设置链接前缀
设置a标签跳转方式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<base href="https://www.baidu.com" target="_blank">
</head>
<body>
<a href="">qq</a>
<img src="/img/bd_logo1.png?qua=high" alt="i am a image">
</body>
</html>
body
网页内容元素为它的后代元素
h1~h6
用来显示标题，h1最大，h6最小
一个网页最好有一个h1元素
a
超链接元素
p
段落
div
块元素
strong
强调，加黑加粗
img
图片元素
iframe
可以显示HTML内容
pre
保持原有字符格式
code
表示这是一段代码
br
换行
其它要点
字符实体
字符实体&nbsp;代表空格
<div title="这是一块"特殊的"内容，非常'精彩'">我是div</div>
锚点链接
- 页面内部跳转
<p><a href="#first">第1章</a></p>
<h2 id="first">第一章</h2>
- 跳转到一个页面某个位置
<a href="08-锚点链接.html#second">打开小说</a>
伪链接
不跳转页面，执行js代码
<a href="#" onclick="alert(1); return false;">伪链接</a>
<a href="javascript:alert(1);" >伪链接</a>
元素显示
有些元素，宽度默认占据整个父元素，如div、p、h1~h6等
有些元素，宽度默认是包裹内容，宽度等于内容的总宽度，如span、a、strong等
