目录
8.4 超链接 ( **** 重 点 ,必 须 掌 握 * )
8.10 表单标签 ( ***** 重点 ,必须掌握 * )
1.B/S 软件的结构
结构模式 | 实际例子 |
C/S(Client Server) | JavaSE |
B/S (Browser Server)
|
JavaEE |
2.前端的开发流程
3.网页的组成部分
- 内容(结构),是我们在页面中可以看到的数据。我们称之为内容。一般内容 我们使用 HTML技术来展示。
- 表现,指的是这些内容在页面上的展示形式。比如说。布局,颜色,大小等等。一般使用 CSS 技术实现。
- 行为,指的是页面中元素与输入设备交互的响应。一般使用 JavaScript 技术实现。
4.HTML 简介
-
H yper T ext M arkup L anguage (超文本标记语言) 简写:HTML
-
HTML 通过标签来标记要显示的网页中的各个部分。网页文件本身是一种文本文件, 通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)
5.创建HTML文件(略)
6.HTML 文件的书写规范
<!DOCTYPE html> <!--约束,声明-->
<html> <!--表示整个 html 页面的开始-->
<head> <!--头信息-->
<title>标题</title> <!--标题-->
</head>
<body>
body 是页面的主体内容 页面主体内容
</body>
</html> <!--表示整个 html 页面的结束-->
-
HTML 的代码注释<!-- 这是 html 注释,可以在页面右键查看源代码中看到 -->
7.HTML 标签介绍
7.1 标签的格式
<
标签名
>
封装的数据
</
标签名
>
7.2 标签名大小写不敏感
7.3 标签的两种属性
- 基本属性:bgcolor="red" 可以修改简单的样式效果
- 事件属性: onclick="alert('你好!');" 可以直接设置事件响应后的代码。
7.4 标签的两种类型
- 单标签格式: <标签名 /> br 换行 hr 水平线
- 双标签格式: <标签名> ...封装的数据...</标签名>
7.5 标签的语法
<!-- ① 标签不能交叉嵌套 -->正确: < div >< span > 早安,尚硅谷 </ span ></ div >错误: < div >< span > 早安,尚硅谷 </ div ></ span >< hr /><!-- ② 标签必须正确关闭 --><!-- i. 有文本内容的标签: --> 正确: < div > 早安,尚硅谷 </ div >错误: < div > 早安,尚硅谷< hr /><!-- ii. 没有文本内容的标签: -->正确: <