网页的特点
- 不需要安装
- 无需更新
- 跨平台
网页中使用的语言：HTML、CSS、JavaScript
网页的结构（根据W3C标准）
- 结构 HTML：用于描述页面的结构
- 表现 CSS：用于控制页面中元素的样式
- 行为 JavaScript：用于响应用户操作
HTML
- 超文本标记语言
- 使用标签的形式来标识网页中的不同组成部分
- 所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面
自结束标签和注释
1.自结束标签
<img>或<img/>
<input>或<input/>
2.注释：<!-- -->
注释不能嵌套
标签的属性
1.在开始标签或自结束标签中书写
2.属性是一个名值对结构（x=y）
3.属性与标签名或其他属性要用一个空格隔开
4.属性不一定有属性值，属性值要用单引号或双引号引起来
网页的基本结构
<!doctype html> 文档声明
<html>根标签
<head>网页的头部
<meta charset="utf-8">meta标签用来设置网页的元数据，设置网页的字符集，避免乱码
<title>网页的标题</title>
</head>
<body>
<h1>一级标题 网页的大标题</h1>
</body>
</html>
实体（转义字符）
语法： &实体的名字；
例： 空格
> 大于号
<；小于号
©；版权符号
meta标签
主要用于设置网页中的元数据，元数据不是给用户看的
属性：charset 指定网页的字符集
name 指定的数据的名称
content 指定的数据的内容
<meta name=‘keyword’ content=‘HTML，前端，css’>
注：keyword表示网站的关键字
<meta http-equiv="refresh" content="3;url=https://www.mozaillia.org"
将页面重定向到另一个网站
语义化标签
- 块元素：在网页中一般通过块元素对页面进行布局，独占一行
- 行内元素：主要用来包裹元素
注：1.一般情况下，在块元素中放行内元素，而不会在行内元素中放块元素
2.p元素中不能放任何块元素
3.块元素中基本什么都能放
- 标题标签(块元素)
h1-h6六级标题，重要性逐级递减，独占一行
<hgroup></hgroup>标题组
- 段落标签<p></p>
-
em标签：用于表示语音语调的一个加重
strong标签：用于表示强调，重要内容
blockquote标签：表示一个长引用，独占一行（块元素）
q标签：表示一个短引用（行内元素）
br标签：换行
-
nav标签：表示网页中的导航
-
aside标签：和主题相关的其他内容（侧边栏）
-
article标签：表示一个独立的文章
-
section标签：表示一个独立的区块，上面标签都不能表示时用section
-
div标签：没有语义，就用来表示一个区块
-
span标签：行内元素，没有语义，一般用于在网页中选中文字
