Lesson 1 一、Html 简介
① 超文本标记语言 html不是编程语言，是一种描述性标记语言 eg: color,size ② Html文档创建方式：用html语言创建文档
手工直接编写（记事本）
通过图形化的语言的html开发软件：dw 由web服务器上动态网页程序生成：php
二、html语法总结
①双标记<开始标记>内容
有属性值： 无属性值：
换行
分隔符
③标记的属性：<标记 属性1=“参数1” 属性2=“参数2”>内容
说明
A． 标记与属性、属性之间以空格分隔 B． 属性不分先后顺序，且属性不是必须的 C． 建议所有标记采用小写 Lesson2
一、Html的文档结构
1
二、meta标签，标记用于定义文件信息
Meta标签用于定义文件信息，放置于
设置关键字 设置描述 设置作者名设置字符集 （UTF-8 3字节 gb2312 2字节）
设置页面定时跳转： 例子：
Lesson 3 html编辑器及body详解 一、 html编辑器
2
编辑器：editplus
好处：代码会有颜色区别的
二、 body详解 Body属性：
...Lesson4~Lesson5
一、html标记语义应用 Html文件名最好使用英文 字体修饰：
（1）标记
语法：文本 注意：网页的文本字体一般通过CSS修饰 （2）字符格式 功能 加粗 加强语气（加粗） 倾斜 加强语气（倾斜） 下划线 删除行 上标 下标 标记 文本 文本 文本 文本 文本 文本 文本 文本 另：
标题文本
比权限高*****写html代码的流程*****
1先写控制内容的标记，例如这内容比较重要，可以在语义上加权关键字 如果这部分内容是这篇文章的主题----使用
标题文本
2段落文字内容----段落内容
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
3
例如：E:\\笑笑\\网页设计\\html-exercise\\demo1
笔记本电脑
排行榜全面强劲 新锐之选将想象力发挥至极致,操作更便捷,创想从此拥有更多可能!
2013全新索尼 旗舰 索尼VAIO Pro新登场!
4
VAIO Pro-轻,薄,彰显品质.新一代超极本(TM) 创新源自英特尔科技.全新索尼
VAIO Pro采用坚固碳纤维机身,8.5小时持久续航.详情请登陆索尼商城!
排行 华硕笔记本S300,13.3英寸超薄轻巧
,华硕S300CA采用第三代智能英特尔(R)酷睿(TM)i5处理器.轻
薄便携,搭配SonicMaster美声大师,海量存储,2秒开机,2周待机,快速响应Win8无延迟.
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ （3）段落标记
Html标记之间嵌套使用，一层套一层，若出现交叉嵌套会出现问题 段落标记格式：
属性名称 属性值 说明 Align left 左对齐（默认） Center 居中 Right 右对齐 （4）段落标题格式：
5