01__html&CSS_王振国 - 课堂笔记.pdf

发布时间：2022-05-29 发布人：admin 分类：说明书资料大小：1.19M 资料格式：pdf 举报版权申诉

weixin_41861384-12415811-4744300845408583666.pdf-第1页.png

第1页 / 共34页

weixin_41861384-12415811-4744300845408583666.pdf-第2页.png

第2页 / 共34页

weixin_41861384-12415811-4744300845408583666.pdf-第3页.png

第3页 / 共34页

weixin_41861384-12415811-4744300845408583666.pdf-第4页.png

第4页 / 共34页

weixin_41861384-12415811-4744300845408583666.pdf-第5页.png

第5页 / 共34页

weixin_41861384-12415811-4744300845408583666.pdf-第6页.png

第6页 / 共34页

weixin_41861384-12415811-4744300845408583666.pdf-第7页.png

第7页 / 共34页

weixin_41861384-12415811-4744300845408583666.pdf-第8页.png

第8页 / 共34页

今日任务

课堂笔记：

1、B/S 软件的结构

2、前端的开发流程

3、网页的组成部分

4、HTML简介

5、创建HTML文件。

6、HTML文件的书写规范

7、HTML标签介绍

8、常用标签介绍文档：w3cschool.CHM

8.1、font字体标签

8.2、特殊字符

8.3、标题标签

8.4、超链接（ **** 重点，必须掌握 * ）

8.5、列表标签

8.6、img标签

8.7、表格标签（ **** 重点，必须掌握 * ）

8.8、跨行跨列表格（* 次重点，必须掌握 *）

8.9、了解iframe框架标签 (内嵌窗口)

8.10、表单标签（ ***** 重点，必须掌握 * ）

表单的显示:

表单格式化:

表单提交细节:

8.11其他标签

9、CSS技术文档:CSS2.0.chm

9.1、CSS技术介绍

9.2、CSS语法规则：

9.3、CSS和HTML的结合方式

9.3.1、第一种：

9.3.2、第二种：

9.3.3、第三种：

9.4、CSS选择器

9.4.1、标签名选择器

9.4.2、id选择器

9.4.3、class选择器（类选择器）

9.4.4、组合选择器

9.5、常用样式：

01-HTML 和 CSS 讲师：王振国今日任务 1、html 学习 2、CSS 学习课堂笔记： 1、B/S 软件的结构 JavaSE B/S C/S Browser Client Server Server

2、前端的开发流程 3、网页的组成部分页面由三部分内容组成！分别是内容（结构）、表现、行为。内容（结构），是我们在页面中可以看到的数据。我们称之为内容。一般内容我们使用 html 技术来展示。表现，指的是这些内容在页面上的展示形式。比如说。布局，颜色，大小等等。一般使用 CSS 技术实现

行为，指的是页面中元素与输入设备交互的响应。一般使用 javascript 技术实现。 4、HTML 简介 Hyper Text Markup Language （超文本标记语言）简写：HTML HTML 通过标签来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等） 5、创建 HTML 文件。 1、创建一个 web 工程（静态的 web 工程）

2、在工程下创建 html 页面

选择浏览器执行页面第一个 html 示例：标题 hello 注：Java 文件是需要先编译，再由 java 虚拟机跑起来。但 HTML 文件它不需要编译，直接由浏览器进行解析执行。 6、HTML 文件的书写规范标题页面主体内容表示整个 html 页面的开始头信息标题 body 是页面的主体内容表示整个 html 页面的结束 Html 的代码注释

7、HTML 标签介绍 1.标签的格式: <标签名>封装的数据 2.标签名大小写不敏感。 3.标签拥有自己的属性。 i. 分为基本属性：bgcolor="red" ii. 事件属性： onclick="alert('你好！');" 可以修改简单的样式效果可以直接设置事件响应后的代码。 4.标签又分为，单标签和双标签。 i. 单标签格式： <标签名 /> ii. 双标签格式: <标签名> ...封装的数据... br 换行 hr 水平线标签的语法：正确：

早安，尚硅谷

错误：

早安，尚硅谷

正确：

早安，尚硅谷

错误：

早安，尚硅谷

正确：
错误：

正确：早安，尚硅谷错误：早安，尚硅谷错误：早安，尚硅谷

正确：
错误： --> 注意事项： 1.html 代码不是很严谨。有时候标签不闭合，也不会报错。 8、常用标签介绍文档：w3cschool.CHM 8.1、font 字体标签需求 1：在网页上显示我是字体标签，并修改字体为宋体，颜色为红色。我是字体标签

8.2、特殊字符需求 1：把
换行标签变成文本转换成字符显示在页面上常用特殊字符表：其他特殊字符表：我是<br>标签
国哥好

分享到：

赞收藏

资料库

01__html&CSS_王振国 - 课堂笔记.pdf

相关推荐

开发技术

热门标签

最新资料