1.图片标记:行内元素、单边标记
l 语法格式:<img 属性= “值”>
l 常用属性
u Width:图片宽度
u Height:图片高度
u Border:图片边框粗细。
u Src:图片的路径(相对路径)
u Align:图片的水平对齐方式,取值:left、center、right
u Hspace:图片与左右文字之间的距离(水平距离)
u Vspace:图片与上下文字之间的距离(垂直距离)。
l 注意事项
u 如果图片想等比例缩放,只需要指定width或height其中一个。
u Align属性只能让文本居中,不能让图片单独居中。
u Align可以实现“图文混排”效果。align = “left | right”
要想让图片实现居中效果,可以给图片增加一个<div>元素
2.超级链接:行内元素,<a>中不能再套<a>标记
l 语法格式:<a 属性= “值”>……</a>
l 常用属性
u href:目标文件的地址URL,该URL可以是相对地址,也可以是绝对地址。
u target:目标文件的显示窗口。
n _blank:在新窗口中打开目标文件。
n _self:在当前窗口中打开目标文件(默认打开),相当于“替换”操作。
n _parent:在父级窗口来打开目标文件。
n _top:在最顶级窗口来打开目标文件。
n 其中_parent、_top常用框架网页中(HTML第四天讲)
u name:定义锚点链接的名称。(下午讲)
1、绝对地址URL
(1)远程的绝对地址
访问远程的文件,总是以“http://”域名、主机名开头。
(2)本地的绝对地址(很少使用)
访问本地的绝对地址,是以file:///开头的绝对地址。
2、相对地址URL(项目中路径一般是相对路径)
(1)当前文件和目标文件是同级关系,链接地址直接写目标文件名。
(2)当前文件与目标文件所在的文件夹是同级关系,先找“文件夹名”,然后再找“文件名”。
也就是,目标文件位于下一级。
(3)目标文件位于上一层目录中,往上找对应的目录,再找目录中的文件。
往上找,使用“../”符号表示。
“../”代表上一级目录
“../../”代表上两级目录
3、特殊的链接
1、下载链接
什么样的文件会出现下载提示?
反过来说,哪些文件网页可以直接执行?如:.jpg、.png、.gif、.html、.htm、.txt等。
大部分文件,浏览器是不能直接执行的。如:.doc、.xls、.ppt、.rar、.psd……
2、邮箱链接
3、普通空链接(#)
4、JS链接:添加JS功能代码
Firefox下如何使用window.close() 关闭窗口?
3.html颜色表示
网页中的颜色有三种表示方法:
l 颜色单词:blue、green、red、yellow
l 10进制表示:rgb(255,0,0)、rgb(0,255,0)、rgb(0,0,255)
l 16进制表示:#FF0000(红)、#00FF00(绿)、#0000FF(蓝)
自界面中,所有的颜色都可以用三种光的不同波长混合而成。这三种光就是红光(red)、绿光(green)、蓝色(blue)。
在计算机中,每个基色,用8位二进制(2^8 = 256),那么RGB共可以表示 256*256*256 = 1670万色。
用16进制表示颜色时:用2位十六进制代表1位基色。
颜色单词:red green blue yellow
10进制:rgb(255,0,0) rgb(0,255,0) rgb(0,0,255) rgb(255,255,0)
16进制:#FF0000 #00FF00 #0000FF #FFFF00
注意:10进制兼容性不好,尽量少用。10进制颜色表示,常用于CSS中。
4.
锚点链接
l 含义:锚点链接,是在一个网页的不同区域进行跳转。锚点理解为“定义记号”。
l 定义锚点(作个记号):<a name = “锚点名称”></a>
u 锚点名称的命名规则:可以包含字母、数字、下划线,但只能以字母开头。
u 注意:<a>和</a>之间没有内容,换句话说:这个记号不是让我们看的,而是给链接用的。
u 例如:<a name = “top2”></a>
l 跳转到锚点(记号):
u 语法:<a href = “文件名#锚点名称”>……</a>
u 文件名:可有可无。如果是同一个网页的不同部分跳转,不需要文件名;如果是跳到另一个网页的不同部分,这时必须要有文件名。
u 注意:这里的<a>和</a>要有内容,否则,无法进行跳转。
u 例如:<a href = “#top2”>返回顶部</a> //跳转到同一个网页的不同部分
u 例如:<a href= “news.html#bottom”>返回底部</a> //跳转到news.html文件的底部
<meta>标记
<meta>的主要作用,是提供网页的元信息。比如:指定网页的搜索关键字。
<meta>标记有两个属性:http-equiv和name。
1、http-equiv属性
l 功能:模拟http协议文件头信息,当信息从服务器端传到客户端时,告诉浏览器如何正确的显示网页内容。
l http-equiv属性一般要与content属性配合使用。Content属性指定信息的详细参数。
(1)设置网页的字符集
<metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />
(2)网页自动刷新
<metahttp-equiv="refresh" content="2"> //每隔2秒钟,自动刷新网页一次
<metahttp-equiv="refresh" content="2;url=http://www.ifeng.com"> //2秒钟后,跳转到凤凰网
2、name属性
name属性主要用于设置网页的搜索关键字、版权信息、作者等。
(1)设置网页搜索关键字
<meta name="keywords"content="网站建设,企业网站建设,网站制作,网上商城,网站推广,域名注册,中企动力" />
(2)设置网页描述信息
<meta name="description" content="网站建设、网站制作专家中企动力,为您提供专业的展示型网站建设、营销型网站建设、独立商城系统网站建设、并提供一体化的企业邮箱”>
XHTML简介
传统的HTML开发的初衷是面向pc机的,而随机移动终端的不断出现,HTML已经满足不了市场的需求了。
XHTML是新一代的HTML标注语言。
XHTML的目的是为了取代HTML。
XHTML的标记,与HTML一模一样。
XHTML的语法要比HTML严格的多。
XHTML可扩展超文本标注语言。
XHTML编写规范
l 所有的标记和属性要全小写
l 单边标记必须关闭。如:<br> ——> <br />
l 所有的属性值都必须要加引号。
l 所有的属性都必须有值。如:<hr noshade> —— <hr noshade = “noshade” />
l 标记之间要顺序嵌套,外层套内层,一层套一层。
l XHTML网页必须要有DTD文档类型定义代码。
DTD文档类型定义
DTD文档类型定义的目的:是一种验证机制,也就是说检验一下你写的XHTML标记语法是否合法。
DTD一共有三大类型:
(1)严格型的DTD
在严格型的DTD中,不能再使用各种表现的标记。如:<font>、<b>、<body bgColor>
要求必须使用CSS来取代各种表现标记。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
(2)过渡型的DTD
在过渡型的DTD中,可以继续使用HTML中的表现的写法。
这些表现标记,还可以继续使用。如:<font>、<b>、<body bgColor>
<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(3)框架的DTD
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN""http://www.w3.org/TR/x