html2
Html2
目标:
1,学习常用的标签和属性
2,body相关的属性
3,绝对链接,和相对链接
4,p,b,I,u,a等这一系列的标签
属性:
Behavior marquee这个标签的属性
值:scroll 循环滚动 [默认值]
Slide 只循环一次停止
Alternate 荡秋千效果
Text 修改整个网页当中的文本颜色
Link 超链接的文本颜色
Vlink 访问过后的颜色
Alink 放到上面的颜色
Bgcolor 背景颜色
Background 背景图片
Leftmargin 左边距外边的距离
Topmargin top+margin 上边距边的距离
Class css里面里面使用
Id 在css和js的时候使用
Style 在css里面使用
英文:
Body 身体
Head 头
Title 标题
Text 文本
Green 绿
Blue 蓝
RGB red+green+blue 红绿蓝颜色表示
Link 链接
Visit 访问
Visited 访问的过去式,已经被访问过了
Vlink visited+link 访问过后的链接颜色
Active 活动
Alink active+link
Back 背后
Bgcolor backcolor
Background 背景
Top 上 ,顶
Margin 距外面的距离
Topmargin top+margin 上边距边的距离
Left 左
Class 类,班级,同类
Id 唯一标识
Style 样式
Doc document 文档
Type 类型
Public 公共
Lt 小于
Gt 大于
难点:
你暂时就转不过来。
如果你访问的是 http://www.baidu.com /
暂时,不要去想本地文件系统和站点目录之间的关系。Apache 锁定对应的目录。
转不过去。
标准问题:
1, 为什么制定标准。
a) 广东话与四川来对话。于是乎制定普通话标准。
2, 谁来制定标准?
a) Ietf 和w
3, 我们用的什么标准.
a) Html4.01
b) Xhtml 基于xml规范的html 相对来说比html更为严格
c) Htm5 是未来的一个方向。
4,html标签,不区分大小写。
全局构架标签:
<html>
<head>
给浏览器,搜索引擎认,而不给客户看
</head>
<body>
整个白页面,这一片区域
<bpdy>
</html>
注意1:请注意缩进和换行。做出对称美效果。
2: title 可以堆积关键词来做SEO,搜索引擎优化。让排名靠前。
颜色规范:
1, 直接使用对应的英文单词来做为颜色表示。
2,RGB颜色表示 个数65536种颜色
RGB 以#
#红 绿 蓝
十六进制 0123456789abcdef
#红红绿绿蓝蓝
#ff0000
#00ff00
#0000ff
数值越小,颜色越深
找专业的工具来帮咱们拼颜色:采色精灵 potoshop fireworks
路径问题:
1,相对路径 [以当前访问的文件做为开始的基点]
. 以.开始的相对路径
指当前文件所在的目录。
不加./的时候,与加./一个效果
Example:
./images/zxy.jpg
.. 以..开始的相对路径 上级目录
2,绝对路径
1,远程站点的绝对路径
http://www.baidu.com/img/baidu_sylogo1.gif
2,本地文件系统的绝对路径
思考:你通过相对路径,你能定位到e:盘吗?
windows操作系统可以认\也可以认/
linux操作系统,只可以认/
e:/abc/fj.jpg
本地文件路径,基本不用。完全是以访问者的本地文件系统路径为准。
本地文件系统:就是你的C D E F
3, 站点根目录开始的绝对路径
概念:站点根目录
访问一台服务器时,它会把192.168.20.88指向到本地文件系统的一个目录下面去。整个网站,全部都在这个目录。
对应的这个目录,就是站点的根目录。
完全以,所以站点的根路径做为起始点。对文件进行定位。
先在理解根目录,还没有接触 apache服务器的同学,有些问题。你到apache服务器,这一段。就知然而然了解了。
层级关系:
如果bgcolor和background同时存在,以background优先,高于bgcolor上一层。如果backgounrd不存在,默认显示背景颜色。如果background路径写错了。一切认bgcolor
DTD的作用:
就是定规范来使用。加和不加有的时候完全是两种效果,在 css里面看的更加清楚。
注释的注意项:
1, 注释区间的内容不会被解释。不会被执行出来。
2, Html的注释,它是一个多行注释
3, 注释的结束它认第一个结束符。不要再注释当中再插入注释。
4, <!-- 写上需要注释的内容 -->
5, 什么功能,什么大小[如果css] 谁写的 什么时间写的。
6, 排错
实体引用:
就是显示一系列特殊符号的一些编码。
实体引用:
&开始
中间加上规定的一些英文
以分号结束.
重点:<>
在文字当中的空格和回车,缩进。它仅仅会解释成一个空格。
在dreamweaver里面, ctrl+shift+空格 实现
在写的时候,命名要规范。
附件列表