一、什么是web
1.web就是网页
二、web前端开发三大核心技术
1.HTML：超文本标注语言（超文本包括：文字、图片、音频、视频、动画等）。作用：决定网页的内容、结构。
html语法：<标签名称 属性名="属性值"> 内容 </标签名称>
2.CSS：级联样式表（层叠样式表）。作用：决定网页的样式、外观
2.JAVASCRIPT：网页脚本语言。作用：决定网页的行为、动作
三、html网页基本结构
注意：<body>、</body>等成对的标签，分别叫开放标签和闭合标签；单独呈现的标签（空元素），如<hr/> ；意为用 / 来关闭空元素
四、html基础标签
1.<title>标签
2.<meta/>标签
<meta charset = “utf-8” name=“keywords” content=“周sir web前端学堂" />
2.1.charset属性设置字符编码
字符编码包括：gb2312包含全部中文字符；utf-8则包含全世界所有国家需要用到的字符
2.2.name=“keywords” 为搜索关键字
3.字体标签
3.1.<h1> - <h6> 标题标签
3.2.<p></p> 段落标签
3.3.<strong></strong> 加粗标签
3.4.<em></em> 斜体标签
4.<img/>图片标签
5.<a></a> 链接标签
5.1.页面间链接
从一个页面链接到另外一个页面
注意：当target属性值为_self时表示在当前页面打开超链接；当target属性值为_blamk时表示重新打开一个页面打开超链接；还可以配合<iframe/>标签配合使用
5.2.锚链接
l从A页面的甲位置跳转到本页中的乙位置
l从A页面的甲位置跳转到B页面中的乙位置
<a name = "floor1"><img src = "./image/img2.png" alt = "图片获取错误" title = "服装鞋包"/></a> //name = "floor1" 创建跳转标记
<a href = "#floor1"><h2>1F 服装鞋包</h2></a> // href = "#floor1" 创建跳转链接
5.3.功能性链接
电子邮箱；QQ；MSN
<a href="mailto:wangyouliang@163.com">联系我们</a>
6.列表标签
6.1.有序列表
特性：(1)有顺序，每个<li>标签独占一行（块元素）
(2)默认<li>标签项前面有顺序标记
(3)一般用于排序类型的列表，如试卷、问卷选项等
6.2.无序列表
特点：(1)没有顺序，每个<li>标签独占一行（块元素）
(2)默认<li>标签项前面有个实心小圆点
(3)一般用于无序类型的列表，如导航、侧边栏新闻、有规律的图文组合模块等
6.3.定义列表
特性：(1)没有顺序，每个<dt>标签、<dd>标签独占一行（块元素）
(2)默认没有标记
(3)一般用于一个标题下有一个或多个列表项的情况
7.<table></table>表格标签
注意：使用表格时，标题要用caption，表头用thead，主体部分用tbody包围，尾部用tfoot包围。表头和一般单元格要区分开，表头用th，单元格用td
合并行与合并列
8.媒体标签
8.1.<video></video> 视频标签
注意：使用是要考虑到兼容性 .mp4格式 以及 .webm格式
8.2.<audio></audio> 音频标签
注意：使用是要考虑到兼容性 .mp3格式 以及 .wav格式
五、行内元素和块元素以及行块元素
1.块元素
无论内容多少，该元素独占一行（p、h1-h6、div）
2.行内元素
内容撑开宽度，左右都是行内元素的可以排在一行(a、strong、em、img、span)
3.行块元素
display : inline-block; //设置CSS属性，让元素块既有行内元素的特征，也有块元素的特征
六、其他标签
1.<br/> 换行
2.<hr/> 横线
3.<iframe> 内联框架
3.1 语法
3.2 常与a标签联合使用，使用方法
七、特殊符号
八、html页面结构布局
