01 HTML 和 CSS
HTML 和 CSS
1.1 B/S 软件的结构
2.1 前端的开发流程
3.1 网页的组成部分
页面内容由三部分内容组成！
分别是内容(结构)、表现、行为。
内容(结构)，是我们在页面中可以看到的数据。我们称之为内容。一般内容，我们使用html技术来展示
表现，指的是这些内容在页面上的展示形式。比如说。布局，颜色，大小等等。一般使用CSS 技术实现
行为，指的是页面中元素与输入设备交互的响应。一般使用 javascript 技术实现。
4.1 HTML简介
Hyper Text Markup Language （超文本标记语言） 简写：HTML
HTML 通过标签来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，
通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）
注：Java 文件是需要先编译，再由 java 虚拟机跑起来。但 HTML 文件它不需要编译，直接由浏览器进行解析执行。
5.1 HTML 文件的书写规范
6.1 HTML标签介绍
1.标签的格式: <标签名>封装的数据 </ 标签名>
2.标签名大小写不敏感。
3.标签拥有自己的属性。
i. 分为基本属性： bgcolor="red" 可以修改简单的样式效果
ii. 事件属性： o nclick="alert('你好！');" 可以直接设置事件响应后的代码。
4.标签又分为，单标签和双标签。
i. 单标签格式： <标签名 /> br 换行 hr 水平线
ii. 双标签格式: <标签名> ...封装的数据...
标签的语法：
语法上错误 但是在浏览器上显示正确，由于浏览器会修改部分错误
<body>
<!-- ①标签不能交叉嵌套 -->
正确：<div><span>早安，尚硅谷</span></div>
错误：<div><span>早安，尚硅谷</div></span>
<hr />
<!-- ②标签必须正确关闭 -->
<!-- i.有文本内容的标签： -->
正确：<div>早安，尚硅谷</div>
错误：<div>早安，尚硅谷
<hr />
<!-- ii.没有文本内容的标签： -->
正确：<br />
错误：<br>
<hr />
<!-- ③属性必须有值，属性值必须加引号 -->
正确：<font color="blue">早安，尚硅谷</font>
错误：<font color=blue>早安，尚硅谷</font>
错误：<font color>早安，尚硅谷</font>
<hr />
<!-- ④注释不能嵌套 -->
正确：<!-- 注释内容 --> <br/>
错误：<!-- 注释内容 <!-- 注释内容 -->-->
<hr />
</body>
浙公网安备 33010602011771号