目录
1、B/S软件的结构
2、前端的开发流程
3、网页的组成部分
4、HTML简介
5、创建HTML页面
6、HTML的书写规范
7、HTML标签的介绍
8、HTML标签的语法
9、font标签
10、特殊字符
11、标题标签h1-h6
12、超链接标签
13、无序列表
14、lmg标签
15、table标签
16、表格的跨行跨列
17、iframe标签介绍
18、表单显示
19、表单格式化
20、表单提交的细节
21、其他标签div、span、p
22、CSS介绍
23、CSS语法介绍
24、CSS与HTML结合使用的第一种方式
25、CSS与HTML结合使用的第二·种方式
26、CSS与HTML结合使用的第三种方式
27、标签名选择器
28、id选择器
29、class类型选择器
30、组合选择器
31、CSS常用样式
1、B/S软件的结构
2、前端的开发流程
1）网页设计师根据需求设计网页
2）前端工程师将设计做成静态网页
3）后台工程师将静态网页做成动态网页
3、网页的组成部分
1）内容（结构）
在页面中可以看到的数据。
一般使用HTML技术来展现。
2）表现
内容在页面上的展示形式。例如：布局、颜色、大小等。
一般使用CSS技术实现。
3）行为
页面中元素与输入设备交互的响应。
一般使用Javascript技术实现。
4、HTML简介
Hyper Text Markup Language，超文本标记语言。
HTML通过标签来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容，例如：文字如何处理、画面如何安排、图片如何显示等。
5、创建HTML页面
1）创建一个Web工程（静态的Web工程）
2）在工程下创建HTML页面
3）选择浏览器执行页面
6、HTML的书写规范
标题
主体内容
html的代码注释：【注释快捷键：Ctrl + Shift + /】
7、HTML标签的介绍
HTML标签的介绍
8、HTML标签的语法
1）标签不能交叉嵌套
正确：早安，尚硅谷
错误：早安，尚硅谷
2）标签必须正确关闭（闭合）
正确：早安，尚硅谷
错误：早安，尚硅谷
正确：
错误：
3）属性必须有值，属性值必须加引号
正确：早安，尚硅谷
错误：早安，尚硅谷
错误：早安，尚硅谷
4）注释不能嵌套
9、font标签
font标签
10、特殊字符
常用的特殊字符
1）< ----- <
2）> ----- >
3）空格 -----
11、标题标签h1-h6
标题标签
12、超链接标签
超链接标签
