目录
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> <!--表示整个html页面的开始-->
<head> <!--头信息-->
<title>标题</title> <!--标题-->
</head>
<body> <!--body是页面的主体内容-->
主体内容
</body>
</html> <!--表示整个html页面的结束-->
html的代码注释:<!-- 这是html注释,可以在页面右键查看源代码中看到 -->【注释快捷键:Ctrl + Shift + /】
7、HTML标签的介绍
8、HTML标签的语法
1)标签不能交叉嵌套
正确:<div><span>早安,尚硅谷</span></div>
错误:<div><span>早安,尚硅谷</div></span>