HTML简介
03-网页相关概念
网站是网页集合；
网页通常是HTML格式的文件，以.htm或.html后缀结尾，要通过浏览器来阅读，由文字、图片、链接、声音、视频等元素构成。
HTML（Hyper Text Markup Language）超文本标记语言
用来描述网页的标记语言，是一套标记标签。
网页的形成：html描述 > 浏览器解析渲染 > Web页面显示
04-常用浏览器
IE、火狐（Firefox）、谷歌（Chrome）、Safari（苹果）、Opera五大浏览器。
浏览器内核：读取网页内容，计算网页显示方式并显示页面。
IE —— Trident
Firefox —— Gecko
Safari —— Webkit
Chrome/Opera —— Blink
国内浏览器常用Webkit、Blink内核。
05-Web标椎
包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。
结构：用于对网页元素进行整理和分类，HTML；
表现：用于设置网页元素的版式、颜色、大小等外观，CSS；
行为：指网页模型的定义和交互的编写，Javascript。
结构、表现、行为相分离。
07-HTML语法规范
HTML标签：
有尖括号<>包围的关键词；
双标签，通常是成对出现，<html>第一个是开始标签，</html>第二个是结束标签；
少数的单标签。
标签关系：包含关系（父子）和并列关系
08-基本结构标签
每个网页有一个基本结构标签（骨架标签）：
| <html> </html> | 根标签 |
| <head> </head> | 文档的头部 |
| <title> </title> | 文档的标题 |
| <body> </body> | 文档的主体 |
位置关系： html { head { title }、body }
09-vscode创建页面
快捷键：!（英文感叹号）生成页面骨架结构；
右键 open in browser，直接用浏览器打开页面。
10-DOCTYPE、lang及字符集的作用
在骨架结构中：
<!DOCTYPE html> 文档类型声明标签，考苏浏览器用H5版本来显示页面；
<html lang="en"> 告诉浏览器用英文显示页面，中文用zh-CN；
字符集（character set）
是多个字符的集合，以便计算机识别和存储各种文字。
在<head>标签内，通过<meta>标签的charset属性规定HTML文档用哪种字符编码。
<meta charset="UTF-8"> 必须写，采取UTF-8（万国码）存储文字。
HTML常用标签
12-标题标签
六个等级的网页标签：<h1> - <h6>；
都是双标签，1>6的重要性递减；
标题文字独占一行，文字加粗，字号依次变大。
13-段落标签和换行标签
段落标签： <p> </p>
一个段落的文字会根据浏览器窗口的大小自动换行；
段落之间有较大的空隙。
换行标签： 单标签 <br />
15-文本格式化标签
将文字设置为加粗、倾斜、有删除线、下划线等格式效果，突出文字的重要性。
| 语义 | 标签 |
| 加粗 | <strong></strong> 或 <b></b> |
| 倾斜 | <em></em> 或 <i></i> |
| 删除线 | <del></del> 或 <s></s> |
| 下划线 | <ins></ins> 或 <u></u> |
推荐使用第一列，语气更强烈。
16-div、span标签
（division分割）（span跨度）
没有语义，是一个个用来装内容的盒子，用来页面布局；
<div></div>是每个都独占一行的大盒子；
<span></span>是一行可以有多个的小盒子。
17/18/19-图像标签
用于定义HTML页面中的图像，单标签。
<img src='图像URL' />
其中有一个必须属性src，用于定义图片文件的路径和文件名。
| 属性 | 属性值 | 说明 |
| src | 图片路径 | 必须属性 |
| alt | 文本 | 替换文本，图像显示不出来时显示的替换文字。 |
| title | 文本 | 提示文本，鼠标放在图像上出现的提示文字。 |
| width | 像素 | 设置图像的宽度 |
| height | 像素 | 设置图像的高度 |
| border | 像素 | 设置图像的边框粗细 |
属性与属性之间用空格分隔开，格式均为键值对形式，即 key = "value"（属性=“属性值”）；
通常只设定图像的宽度或者高度其中之一，会让图像等比例缩放。
24/25/26-链接标签
超链接标签：用于定义HTML页面中的超链接，双标签。
<a href = "跳转目标（网址）" target = "目标窗口的弹出方式"> 作为超链接的文字或图片 </a>
（anchor 锚）
| 属性 | 作用 |
| href | 必须属性，指定链接目标的url地址。 |
| traget | 指定链接页面的打开方式，默认值为_self 用当前窗口打开页面，_blank为在新窗口打开页面。 |
分类：
外部链接：链接外部网站；
内部链接：网站内部页面相互链接，直接链接内部页面名称即可；
空链接：没有明确的链接目标时，用#代替；
下载链接：如果href的目标是一个文件或压缩包，点击链接就会下载这个文件；
网页元素链接：网页中的各种元素都可以添加超链接，如文本、图像、表格、音频等；
锚点链接：点击后可以定位到页面中的某个位置
- 在锚点链接的属性中，<a href = "#id名字"> ...</a>；
- 然后在需要定位的目标位置的标签中，添加一个属性，如<h1 id = "id名字" >。
27-注释标签和特殊字符
注释标签：使注释不显示在页面中。
<!-- 注释文字 --> 可用快捷键 ctrl+/
特殊字符：
| 特殊字符 | 描述 | 字符代码 |
| 空格符 | | |
| > | 大于号 | < (less than) |
| < | 小于号 | > (greater than) |
字符代码结尾都有一个分号。
8.25/26
1844
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
