欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  1、B/S 软件的结构
 
  JavaSE C/S Client Server B/S Browser Server
 
  2、前端的开发流程
 
  3、网页的组成部分
 
  页面由三部分内容组成!
 
  分别是内容(结构)、表现、行为。
 
  内容(结构),是我们在页面中可以看到的数据。我们称之为内容。一般内容 我们使用html 技术来展示。
 
  表现,指的是这些内容在页面上的展示形式。比如说。布局,颜色,大小等等。一般使用
 
  CSS 技术实现行为,指的是页面中元素与输入设备交互的响应。一般使用 javascript 技术实现。
 
  4、HTML简介
 
  Hyper Text Markup Language (超文本标记语言)
 
  简写:HTML
 
  HTML 通过标签来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)
 
  5、创建HTML文件。
 
  1、创建一个web工程(静态的web工程)
 
  2、在工程下创建 html 页面
 
  选择浏览器执行页面
 
  第一个 html 示例:
 
  注:Java 文件是需要先编译,再由 java 虚拟机跑起来。但 HTML 文件它不需要编译,直接由浏览器进行解析执行。
 
  6、HTML文件的书写规范
 
  Html的代码注释
 
  7、HTML标签介绍
 
  1.标签的格式:
 
  ? <标签名>封装的数据</标签名>
 
  2.标签名大小写不敏感。
 
  3.标签拥有自己的属性。
 
  i. 分为基本属性:bgcolor=“red” 可以修改简单的样式效果
 
  ii. 事件属性: οnclick=“alert(‘你好!’);” 可以直接设置事件响应后的代码。
 
  4.标签又分为,单标签和双标签。
 
  i. 单标签格式: <标签名 /> br 换行 hr 水平线
 
  ii. 双标签格式: <标签名> …封装的数据…</标签名>
 
  标签的语法:
 
  html 代码不是很严谨。有时候标签不闭合,也不会报错。
 
  8、常用标签介绍 文档:w3cschool.CHM
 
  8.1、font字体标签
 
  需求1:在网页上显示 我是字体标签 ,并修改字体为 宋体,颜色为红色。
 
  8.2、特殊字符
 
  需求1:把<br>换行标签 变成文本 转换成字符显示在页面上
 
  常用特殊字符表:
 
  显示结果描述实体名称实体编号空格 ?<小于号《>大于号》&和号&&"引号""’撇号&apos;(IE不支持)'
 
  其他特殊字符表:
 
  显示结果描述实体名称实体编号¢分¢¢£镑££¥日圆¥¥§节§§?版权?注册商标×乘号××÷除号÷÷
 
  8.3、标题标签
 
  标题标签是 h1 到 h6
 
  需求1:演示标题1到 标题6 的
 
  8.4、超链接 (重 点 ,必 须 掌 握)
 
  在网页中所有点击之后可以跳转的内容都是超连接
 
  需求1:普通的 超连接。
 
  8.5、列表标签
 
  无序列表 、 有序列表
 
  需求1:使用无序,列表方式,把东北F4,赵四,刘能,小沈阳,宋小宝,展示出来
 
  8.6、img标签
 
  img 标签可以在 html 页面上显示图片。
 
  需求1:使用img标签显示一张美女的照片。并修改宽高,和边框属性
 
  8.7、表格标签(重点,必须掌握)
 
  [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0lK7u40d-1597980089938)(E:\Study\boke\表格标签淘宝。jpg)]
 
  需求1:做一个 带表头的 ,三行,三列的表格,并显示边框
 
  需求2:修改表格的宽度,高度,表格的对齐方式,单元格间距。
 
  8.8、跨行跨列表格 (次重点,必须掌握)
 
  需求1:新建一个五行,五列的表格,第一行,第一列的单元格要跨两列,第二行第一列的单元格跨两行,第四行第四列的单元格跨两行两列。
 
  8.9、了解iframe框架标签(内嵌窗口)
 
  ifarme 标签它可以在一个 html 页面上,打开一个小窗口,去加载一个单独的页面。
 
  8.10、表单标签 (重点 ,必须掌握)
 
  什么是表单?
 
  表单就是 html 页面中,用来收集用户信息的所有元素集合。然后把这些信息发送给服务器。
 
  需求1:创建一个个人信息注册的表单界面。包含用户名,密码,确认密码。性别(单选),兴趣爱好(多选),国籍(下拉列表)。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61935.shtml