1、1 html 介绍 html 运行原理 Html + css 四天 Html 是什么 1. html (hypertext mark-uplanguage)是 超文本标记语言 , 主要的用处是做网页 , 可以在网页上显示 文字、图像、视频、声音 标记 =元素 简单说明一下动态网页的示意图 : Html 历史 1999 html- xhtml (xhtml 可以理解成就是 html 的加强版 ) -xml | 2008 html5.0 u W3c 的介绍 是一个制定标准的组织 ( 比如 给 html ,xhtml ,css ,xml , wml 制定标准 ) 不同的浏览器，去访问同一个网页，可能
2、看到的效果是有差别 !-hack Html 的运行原理 Hello.html Html 的运行有两种方式 Html 文件的基本结构 1.本地运行 所谓本地运行就是直接用 浏览器打开 2 讲 html 运行原理 html 文件基本结构 html 元素和属性 2. 远程访问 l 何为协议 ? 计算机互相通信 (网络 )的规则 . ftp smtp pop http 远程访问的原理示意图 : 这里我们涉及到 http 协议，这里我们没有深入讲解， 但是这是一个非常重要的知识点 . Html 的基本结构 内容 说明 1. 标记通常是成对出现 2. 单标记 案例 : Demo1.htm 横看成林 远近高
3、低各不同 不知庐山真面目 面试 : 请问后 缀 html 和 htm 有什么区别 ? 答 : 1. 如果一个网站有 index.html 和 index.htm 默认情况下，优先访问 .html 3. htm 后缀是为了兼容以前的 dos 系统 8.3的命名规范 3 讲 符号实体 url 说明 超链接 发送电邮 html 符号实体 说 明：当我们在网页中有一些特殊字符时候，可以考虑使用字符实体 (char entity) 超链接的案例 : * 连接到 a.html 跳转到百度 联系管理员 4 讲 图像 表格 实际应用 -菜谱 课堂练习 -课程表 图片 : Html 的表格元素 在以前对网页布局
4、要求不高的情况下，使用 table 布局 (即使用表格来显示数据，同时用于布局 ) 快速入门 : 1 2 3 2 4 5 3 9 10 3 9 10 应用案例 ： 1. 确定行 代码 如下 : 1 2 3 2 4 5 3 9 10 3 9 10 菜谱 素菜 青草茄子 花椒扁豆 小炒韭菜 白豆腐 荤菜 清蒸龙 鱼香肉丝 小炒肉 水煮肉片 课堂练习 : 5 讲 无序列表 有序列表 框架 俺第一个实例 成绩表 项目 上课 休息 星期 星期一 星期二 星期三 星期四 星期五 星期六 星期日 上午 语文 数学 英语 英语 物理 计算机 休息 数学 数学 地理 历史 化学 计算机 化学 语文 体育 计算机 英语 计算机
