<br>薄便携,搭配SonicMaster美声大师,海量存储,2秒开机,2周待机,快速响应Win8无延迟.
</font>
<br>
<font color="green" size="2"> 2013-07 </font>
<font color="grey" size="2">-推广</font>
<font color="blue" size="4">
<u>2013全新索尼
<strong>
<font color="red">笔记本电脑
</font>
</strong>旗舰索尼VAIO Pro新登场!
</font>
</u>
<br>
<font size="2">索尼
<font color="red">笔记本电脑</font>VAIO Pro-轻,薄,彰显品质.新一代超极本(TM)创新源自英特尔科技.全新索尼
设置图片高
border
数字
设置图片边框
align
left
图片靠左，文字靠右
right
图片靠右，文字靠左
top
文字垂直居上靠
middle
文字垂直居中
bottom
文字垂直居下（默认）
vspace
像素
定义图像顶部和底部的空白（垂直边距）
hspace
像素
定义图像左侧和右侧的空白（水平边距）
张鹏老师
第7讲是通过新闻网站实例来复习之前的内容
<br>将想象力发挥至极致,操作更便捷,创想从此拥有更多可能!
</font>
<br>
<font color="green" size="2"> 2013-07
<font color="gray" size="2">-推广</font>
</font>
</p>
<p>
4课堂操作：
4.1.1无序列表
4.1.2无序列表嵌套
4.2有序列表
4.3定义列表（参照当当网）
5网页支持的图片
1GIF 256种颜色，支持透明，动画
2JPEG（高度压缩）1670万种颜色，不支持透明，不支持动画
3PNG（网络可移植格式）无损压缩，支持透明，不支持动画，颜色从几种到1670万种
6插入图片标记
(2)直列化格式
<colgroup>...</colgroup>用于统一控制某一列的格式，取代重复的工作
（例如：用于某一列标红，或者某一列居中）
</p>
</body>
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
（3）段落标记
Html标记之间嵌套使用，一层套一层，若出现交叉嵌套会出现问题
段落标记格式：
<p align=”对齐方式”></p>
属性名称属性值说明
Lesson2
一、Html的文档结构
<html>
<head>
<title>标题</title>
</head>
<body>
正文
</body>
</html>
二、meta标签，标记用于定义文件信息
Meta标签用于定义文件信息，放置于<head></head>
设置关键字<meta name=”keywords” content=”value” />
<img src=”图片路径”/>
7路径：
①绝对路径：提供目标文档的完整主机名称、路径信息及文档全称
②相对路径：从当前文档开始的路径
③使用:
（1）如果当前文档和目标文档的位置平行，则直接书写目标文档全称；
（2）如果当前文档和目标文档所在文件夹位置平行，则书写为文件夹名称/目标文档全称
（3）如果当前所在文档所在文件夹和目标文档位置平行，则书写为../目标文档全称
Lesson8~Lessson10是通过hao123实例来讲解表格
一、表格基本结构
<table>
<tr>
<td></td>
</tr>
</table>
<table>...</table>-----定义表格
<tr>...</tr>----定义表行
<td>...</td>---定义表列（单元格）
<th>...</th>----文字标题栏（加粗）会默认自动居中
属性名称属性值说明
Size像素查手册
百分比
Width像素
百分比
Noshade=“noshade”实体线
三、特殊标记
定义一个块引用：使用文本缩进
格式：<blockquote>…</blockquote>（自动向右缩进一些位置）
属性名称属性值说明
①Citeurl被引用的地址
例如：<blockquote cite=””></blockquote>
2项目符号类型参数及显示
参数值（必须小写）
描述
disc
●（默认）
circle
○
square
■
3）有序列表
①语法：
<ol start=”列表起点”type=”项目符号类型”>
<li>内容1</li>
<li>内容2</li>
</ol>
2项目符号类型参数及显示说明
参数值
说明
1
表示以1,2,3,4来表示
a
../返回上两级文件夹
（4）根相对路径：从站点根目录开始的路径，以“/”开始（PHP使用）
8图片属性
属性名称
属性值
说明
src
URL
图片的路径
alt
文本
规定图片的替代文本[图片无法显示时]
title
文本
鼠标悬停时显示的内容
width
像素/百分比
设置图片宽
height
像素/百分比
Lesson4~Lesson5
一、html标记语义应用
Html文件名最好使用英文
字体修饰：
（1）<font>标记
语法：<font color=”文本颜色”size=”字号”face=”字体”>文本</font>
注意：网页的文本字体一般通过CSS修饰
（2）字符格式
功能
标记
加粗
<b>文本</b>
加强语气（加粗）
1无序列表<ul>…</ul>
2有序列表<ol>…</ol>
3定义列表<dl>…</dl>
*****注意***
可以直接输入标记，查看标记默认状态
2）无序列表
①语法：
<ul type=”项目符号类型”>
<li type=”项目符号类型”>内容</li>
<li>内容</li>
</ul>
其中：<li>…</li>表示一个项目
A
表示A,B,C,D来表示
i
i，ii，iii
I
I,II,III
4)定义列表
①语法：
<dl>
<dt>标题1</dt>
<dd>内容1</dd>
<dt>标题2</dt>
<dd>内容2</dd>
</dl>
<dl></dl>定义列表
<dt></dt>表示一个项目
<dd></dd>.表示一个项目下更详细的内容的解释
<br>VAIO Pro采用坚固碳纤维机身,8.5小时持久续航.详情请登陆索尼商城!
</font>
<br>
<font color="green" size="2"> 2013-07
