目录
一、什么是HTML
HTML：Hyper Text Markup Language（超文本标记语言） 。超文本包括：文字、图片、音频、视频、动画等
二、 HTML基本结构
新建 HTML 文档：文件名.html （点后缀是为了让系统更好的识别文件，让系统知 道拿什么软件来打开）
<!--<!DOCTYPE html> 告诉浏览器使用什么规范，这是html5的规范-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
注意：1.html 是由一对对的标签组成的语言，每一对标签都有它的特殊功能，例： <html></html>，第一个叫头标签，第二个叫尾标签，尾标签要加上结束符
2.<html lang=“en”></html>属于根标签，一个 HTML 文件里只能有一对 HTML 标签， 其他所有的标签都必须写在 HTML 里边。 lang=“en”：告诉搜索引擎爬虫，我们的网站是关于什么内容的。en 是英文的，zh 是 中文的，de 是德文的。
注意：属性名和属性值都写在头标签后面（空一格），写法：属性名=“属性值”
3.HTML 里边分为两个标签:<head></head>和<body></body>
<meta charset="UTF-8" /> 单标签，防止网页出现乱码，网页中可以识别任何国家 的语言。
<title> </title>标签：里边放网页的标题（页脚标）
三、网页的基本标签
1.标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
六级标题标签，从 h1 到 h6 字号依次减小，作用：独 占一行，加粗字体，字体逐渐变小。一个网页h1应该只用1次。
2.段落标签
<p>我是段落</p>
段落标签，能让标签里的内容成段展示。
3.字体样式标签
<!--加粗：<strong>…</strong>
斜体：<em>…</em>
想让字体即加粗又斜体，就把两个标签嵌套起来：<strong><em>内容</em></strong>，标签是可以嵌套的。-->
<strong>徐志摩人物简介</strong>
<p>
<em>1910</em>年入杭州学堂<br/>
<em>1918</em>年赴美国克拉大学学习银行学<br/>
...
</p>
4.特殊符号
|
特殊符号 |
字符实体 |
示例 |
|
空格 |
|
<a href="#">百度</a> | <a href="#">新浪</a> |
|
大于号(>) |
> |
如果时间>晚上6点，就坐车回家 |
|
小于号(<) |
< |
如果时间<早上7点，就走路去上学 |
|
引号(") |
" |
W3C规范中，HTML的属性值必须用成对的"引起来 |
|
版权符号@ |
© |
© 2004-2018 盛邦升华 |
5.图片标签
注意：src 里边放图片路径，分为网上的 URL（超链接）、本地绝对路径（需要把地址写全）、 本地相对路径（必须 html 文件和图片文件在同一目录下 ../返回上一层）
6.a链接标签
注意：1)href 里边放网址，target=“_blank”的作用是跳转后新打开一个页面，a 标签里 可以放任何东西，比如你在标签里加一个 img 标签，你点图片的任何一个区域就都可以跳转了。
2)锚点
从A页面的甲位置跳转到本页中的乙位置 (页面内跳转)
从A页面的甲位置跳转到B页面中的乙位置（页面间跳转）
<!--1.创建跳转标记-->
<div id=“demo1”></div>
<div id=“demo2”></div>
<!--2.创建跳转链接-->
<a href=“#demo1”>find demo1</a>
<a href=“#demo2”>find demo2</a>
<!--页面间跳转链接-->
<a href="help.html#register">新用户注册帮助</a>
3)功能性链接
7.标签分类
1)按行内元素和块元素分：
块元素：无论内容多少，该元素独占一行（p、h1-h6，div…）
行内元素：内容撑开宽度，左右都是行内元素的可以排在一行(a、strong、em…)
2) 成对标签和自闭合标签
成对标签：以“< >”开始、“</ >”结束;如 <p></p>,<h1></h1>
自闭合标签：如<img>,<hr>,<br>
四、小结
