黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移
基础班
目的：精通网页布局
学习路线：HTML5-CSS3-H5C3-电商网站
HTML5
教学目的：网页的基本组成；什么是HTML；常用的浏览器；Web标准的三大组成部分。
1.什么是网页
网站是网页的集合；网页是网站的基本元素。
2.什么是html
Hyper Text Markup Language
超文本标记语言，不是编程语言。
超文本：超越文本限制；超级链接文本。
3.网页的形成
html书写，浏览器解析。
卡顿略。
3.web标准的三大部分
第二节
1.HTML标签
Q：标签的书写注意规范；HTML骨架标签；超链接标签；alt和title的区别；相对路径的三种形式。
<html></html>开始标签、结束标签。
<br/> 单标签。
包括在尖括号里、大多数成对出现。
标签关系
2.html基本结构标签
<html>根标签
<head><title></title></head>
<body></body>
</html>
3.工具：
VScode
VScode插件安装
3.1文档类型声明标签
<!DOCTYPE HTML>不属于html
3.2 lang="en"
3.2字符集
要写：UTF-8
3.4总结
HTML标签
记住每个标签的语义。
标题标签：<h1>-<h6>
<h3>文字加粗一行显</h3>
<h4>由大到小依次变</h4>
段落标签：<p></p>根据浏览器窗口大小自动换行；段落之间空隙较大。
换行标签<br/>
单标签；缝隙较小，只不过是另起一行。
文本格式化标签
加粗：strong/ b
倾斜：em / i
删除线：del / s
下划线：ins / u
4.5 <div>和<span>
一行只能放一个div
span是小盒子，一行可以多个
4.6 图像标签
<img src= “url” alt="ddddd" title="提示文本"/>
单标签;替换文本；
宽高只设定一个，另一个等比例缩放；
border一般在css里设定。
注意点：
1.属性一定要写在src 后面。
2.属性不分先后顺序，必须有空格分隔。
3.属性是键值对，属性=“属性值”。
4.8 路径：
同级路径；上级路径；下级路径。
绝对路径
网络唯一地址或其他
超链接标签
1.链接语法格式
2.链接分类
超链接标签anchor
<a href="" target="_blank"></a>
_blank新窗口，_self原地打开。
空链接：<a href="#">
下载链接：exe或者zip压缩包形式
网页元素链接：<a href="xxx"><img src=""></a>
锚点链接：<a href="#two">第二集</a>
<h4 id="two"></h4>
3.注释和特殊字符：
注释：<!--dddddddddd-->
空格： 
大于:>
小于：<
综合案例
html标签之表单
目标：书写表格；无序列表；3-4个常用input表单类型；下拉列表表单；能使用表单元素实现注册页面；独立查阅W3C文档。
表格的作用。
表格的语法。
<table>表格
<tr>行
<td>table data（单元格）
表头单元格标签：
<th>table head 表头标签（表项）加粗居中显示。
美化用css。
要写在table标签里
课堂作业
表格结构标签。
