CSS 网页样式大全如下:
字体属性:(font)
大小font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD
样式font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)
行高line-height: normal;(正常) 单位:PX、PD、EM
粗细font-weight: bold;(粗体) lighter;(细体) normal;(正常)
变体font-variant: small-caps;(小型大写字母) normal;(正常)
大小写text-transform: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无)
修饰text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁)
常用字体:(font-family)
"Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana
背景属性:(background)
色彩background-color: #FFFFFF;
图片background-image: url();
重复background-repeat: no-repeat;
滚动background-attachment: fixed;(固定) scroll;(滚动)
位置background-position: left(水平) top(垂直);
简写方法background:#000 url(..) repeat fixed left top;
区块属性:(Block)
字间距letter-spacing: normal; 数值
对齐text-align: justify;(两端对齐) left;(左对齐) right;(右对齐) center;(居中)
缩进text-indent: 数值px;
垂直对齐vertical-align: baseline;(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom;
词间距word-spacing: normal; 数值
空格white-space: pre;(保留) nowrap;(不换行)
显示display:block;(块) inline;(内嵌) list-item;(列表项) run-in;(追加部分) compact;(紧凑) marker;(标记) table; inline-table; table-raw-group;
table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(表格标题)
方框属性:(Box)
width:; height:; float:; clear:both; margin:; padding:; 顺序:上右下左
边框属性:(Border)
border-style: dotted;(点线) dashed;(虚线) solid; double;(双线) groove;(槽线) ridge;(脊状) inset;(凹陷) outset;
border-width:; 边框宽度
border-color:#;
简写方法border:width style color;
列表属性:(List-style)
类型list-style-type: disc;(圆点) circle;(圆圈) square;(方块) decimal;(数字) lower-roman;(小罗码数字) upper-roman; lower-alpha; upper-alpha;
位置list-style-position: outside;(外) inside;
图像list-style-image: url(..);
定位属性:(Position)
Position: absolute; relative; static;
visibility: inherit; visible; hidden;
overflow: visible; hidden; scroll; auto;
clip: rect(12px,auto,12px,auto) (裁切)
css属性代码大全如下
一CSS文字属性:
color : #999999;
font-family : 宋体,sans-serif;
font-size : 9pt;
font-style:itelic;
font-variant:small-caps;
letter-spacing : 1pt;
line-height : 200%;
font-weight:bold;
vertical-align:sub;
vertical-align:super;
text-decoration:line-through;
text-decoration:overline;
text-decoration:underline;
text-decoration:none;
text-transform : capitalize;
text-transform : uppercase;
text-transform : lowercase;
text-align:right;
text-align:left;
text-align:center;
text-align:justify;
vertical-align属性
vertical-align:top;
vertical-align:bottom;
vertical-align:middle;
vertical-align:text-top;
vertical-align:text-bottom;
二、CSS边框空白
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
list-style-type:decimal;
list-style-type:lower-roman;
list-style-type:upper-roman;
list-style-type:lower-alpha;
list-style-type:upper-alpha;
list-style-type:disc;
list-style-type:circle;
list-style-type:square;
list-style-image:url(/dot.gif);
list-style-position:outside;
list-style-position:inside;
四、CSS背景样式:
background-color:#F5E2EC; background:transparent; background-image : url(/image/bg.gif); background-attachment : fixed; background-repeat : repeat; background-repeat : no-repeat; background-repeat : repeat-x; background-repeat : repeat-y;
指定背景位置
background-position : 90% 90%; background-position : top; background-position : buttom; background-position : left; background-position : right; background-position : center;
五、CSS连接属性:
a
a:link
a:visited
a:active
a:hover
鼠标光标样式:
链接手指CURSOR: hand
十字体cursor:crosshair
箭头朝下cursor:s-resize
十字箭头cursor:move
箭头朝右cursor:move
加一问号cursor:help
箭头朝左cursor:w-resize
箭头朝上cursor:n-resize
箭头朝右上cursor:ne-resize
箭头朝左上cursor:nw-resize
文字I型cursor:text
箭头斜右下cursor:se-resize
箭头斜左下cursor:sw-resize
漏斗cursor:wait
光标图案(IE6)p {cursor:url("光标文件名.cur"),text;}
六、CSS框线一览表:
border-top : 1px solid #6699cc;
border-bottom : 1px solid #6699cc;
border-left : 1px solid #6699cc;
border-right : 1px solid #6699cc;
以上是建议书写方式,但也可以使用常规的方式如下:
border-top-color : #369
border-top-width :1px
border-top-style : solid
其他框线样式
solid
dotted
double
groove
ridge
inset
outset
七、CSS表单运用:
文字方块
按钮
复选框
选择钮
多行文字方块
下拉式菜单选项1选项2
八、CSS边界样式如下:
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
CSS 属性:字体样式(Font Style)
序号中文说明标记语法
1 字体样式{font:font-style font-variant font-weight font-size font-family}
2 字体类型{font-family:"字体1","字体2","字体3",...}
3 字体大小{font-size:数值|inherit| medium| large| larger| x-large| xx-large| small| smaller| x-small| xx-small}
4 字体风格{font-style:inherit|italic|normal|oblique}
5 字体粗细{font-weight:100-900|bold|bolder|lighter|normal;}
6 字体颜色{color:数值;}
7 阴影颜色{text-shadow:16位色值}
8 字体行高{line-height:数值|inherit|normal;}
9 字间距{letter-spacing:数值|inherit|normal}
10 单词间距{word-spacing:数值|inherit|normal}
11 字体变形{font-variant:inherit|normal|small-cps }
12 英文转换{text-transform:inherit|none|capitalize|uppercase|lowercase}
13 字体变形{font-size-adjust:inherit|none}
14 字体
{font-stretch:condensed|expanded|extra-condensed|extra-expanded|inherit|narrower|no rmal| semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider}
文本样式(Text Style)
序号中文说明标记语法
1 行间距{line-height:数值|inherit|normal;}
2 文本修饰{text-decoration:inherit|none|underline|overline|line-through|blink}
3 段首空格{text-indent:数值|inherit}
4 水平对齐{text-align:left|right|center|justify}
5 垂直对齐
{vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super}
6 书写方式{writing-mode:lr-tb|tb-rl}
背景样式
序号中文说明标记语法
1 背景颜色{background-color:数值}
2 背景图片{background-image: url(URL)|none}
3 背景重复{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}
4 背景固定{background-attachment:fixed|scroll}
5 背景定位{background-position:数值|top|bottom|left|right|center}
6 背影样式{background:背景颜色|背景图象|背景重复|背景附件|背景位置}
框架样式(Box Style)
序号中文说明标记语法
1 边界留白{margin:margin-top margin-right margin-bottom margin-left}
2 补白{padding:padding-top padding-right padding-bottom padding-left}
3 边框宽度{border-width:border-top-width border-right-width
border-bottom-width border-left-width}
宽度值:thin|medium|thick|数值
4 边框颜色{border-color:数值数值数值数值}数值:分别代表top、right、bottom、left颜色值
5 边框风格
{border-style:none|hidden|inherit|dashed|solid|double|inset|outset|ridge|groove}
6 边框{border:border-width border-style color}
上边框{border-top:border-top-width border-style color}
右边框{border-right:border-right-width border-style color}
下边框{border-bottom:border-bottom-width border-style color}
左边框{border-left:border-left-width border-style color}
7 宽度{width:长度|百分比| auto}
8 高度{height:数值|auto}
9 漂浮{float:left|right|none}
10 清除{clear:none|left|right|both}
分类列表
序号中文说明标记语法
1 控制显示{display:none|block|inline|list-item}
2 控制空白{white-space:normal|pre|nowarp}
3 符号列表
{list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|uppe r-alpha|none}
4 图形列表{list-style-image:URL}
5 位置列表{list-style-position:inside|outside}
6 目录列表{list-style:目录样式类型|目录样式位置|url}
7 鼠标形状
{cursor:hand|crosshair|text|wait|move|help|e-resize|nw-resize|w-resize|s-resize|se-resiz e|sw-resize}
创建一个HTML文档
设置文档标题和其它在网页中不显示的信息 强调文本(通常是斜体加黑体) 加重文本(通常是斜体加黑体) 设置字体大小从1到7,颜色使用名字或RGB的十六进制值 加删除线 程式码 键盘字 范例 变量
将段落按左、中、右对齐
Html标签大全 超文本链接 创建超文本链接 ,其中的url为链接目标地址 创建自动发送电子邮件的链接 创建位于文档内部的书签 创建指向位于文档内部书签的链接 其他链接标记注解: target="..."决定链接源在什么地方显示(用户自定义的名字, _blank,_parent,_self,_top rel="..."发送链接的类型 rev="..."保存链接的类型 accesskey="..."指定该元素的热键 shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly coord="..."使用像素或者长度百分比来定义形状的尺寸 tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点) -----------------------------------------------------------------------------------------
地址标记 粗体字HTML CSS标签属性大全 a卷标, 属性名称, 简介 批注 1、跑马灯 普通卷动 滑动 预设卷动 来回卷动 向下卷动 向上卷动 向右卷动 向左卷动 卷动次数 设定宽度 设定高度 设定背景颜色 设定卷动距离 设定卷动时间 2、字体效果
一、文字备忘之标签 HTML5中新增的标签
1 html笔记 一、HTML的概述(了解) a.html是什么: hypertext markup language 超文本标记语言 超文本:音频,视频,图片称为超文本。. 标记:<英文单词或者字母>称为标记. 一个HTML页面都是由各种标记组成。 b.作用:编写HTML页面。 c.HTML语言不是一个编程语言(有编译过程),而是一个标记语言(没有编译过程). HTML页面直接由浏览器解析执行。 二、HTML的历史(了解) 三、HTML的网络术语(明白) * 网页:由各种标记组成的一个页面就叫网页 . * 主页(首页) : 一个网站的起始页面或者导航页面 . * 标记:称为开始标记 称为结束标记. 也叫标签.每个标签都规定好了特殊的含义。 * 元素:内容 称为元素. * 属性:给每一个标签所做的辅助信息。 * xhtml:符合XML语法标准的HTML。 * dhtml:dynamic,动态的。javascript + css + html 合起来的页面就是一个dhtml * http:协议标准。用来规定客户端浏览器和服务端交互时数据的一个格式。SMTP 邮件传输协议,ftp:文件传输协议.
四、HTML的编辑工具(了解) *.notepad 记事本 *.editplus : 语法高亮显示 技巧:根据颜色判断单词是否出错。(不是100%) *.ultraedit : 根据颜色判断单词是否出错,可以显示2进制数据. *.dw(dreamweaver,专业工具) 代码提示. 五、HTML的规范(知道) *.HTML是一个弱势语言 *.html 不区分大小写 *.html页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符,比如dos系统) *.html 的结构 1)声明部分。主要作用是用来告诉浏览器这个页面使用的是那个标准。是HTML5标准。 2)head部分:不会显示在页面上。作用是告诉浏览器一些页面的额外信息。 3)body部分:我们缩写的代码必须放在此标签內。 六、HTML的各种标签(掌握) 明确:每个标签都有私有属性。也都有公有属性。 html中表示长度的单位都是像素。HTML只有一种单位就是像素。 body: bgcolor: 背景颜色 background:背景图片
html代码的所有代码属性 跑马灯 普通卷动 滑动 预设卷动 来回卷动 向下卷动 向上卷动 向右卷动 向左卷动 卷动次数 设定宽度 设定高度 设定背景颜色 设定滚动速度 设定卷动时间 鼠标经过上面时停止滚动鼠标离开时开始滚动 字体效果
竭诚为您提供优质文档/双击可除html5商城模板源码 篇一:值得收藏的html5代码片段 值得收藏的html5代码片段 html5是web技术发展的重要的里程碑,对于前端开发来说,如果能够找到一些未来大家开发中可能需要经常重复使用的代码的话,相信大家一定不会拒绝,下面是红树林教育精心收集的10多个html5代码片段,相信大家一定喜欢! html5的最简单模板 如果你需要开始一个新的html5项目的话,大家肯定会需要一个最简单的模板,这里是一个非常简单并且清晰的html5模板,相信大家会喜欢! html5商城模板源码)e>untitledweb的主要内容表单获取google地图 这里有一段非常简单的代码,通过用户输入地点,获取google地图地点,非常适合生成联系人表单 输入地点base64编码的1x1大小的空白giF文件 个人不推荐使用这个透明的空白gif,但是即使在20xx 年,很多人仍旧使用。可能你也喜欢使用这种方式。
src="data:image/gif;base64,R0lgodlhaqabaiaaaaaaap// /yh5baeaaaaalaaaaaabaaeaaaibRaa7">正则表单式验证电 子邮件 html5中允许使用正则表单式来做输入验证: 正确的嵌入flash 如果你经常需要在网页中插入flash的话,这段代码你应该用的上: 视频并且支持flash的fallback 另外一个html5中最有用的特性是video标签,允许你很方便的嵌入video文件。但是很多老版本的浏览器不支持,所以下面这段代码将会非常有用 text-align:center; padding-top:3px; background-color:#bdb76b; colot:#006400; } caption { font-size:18px; color:black; }
相反 总类(所有HTML文件都有的) -------------------------------------------------------------------------------- 文件类型(放在档案的开头与结尾) 文件主题(显示原始码之用)
样本 表示一段用户应该对其没有什么其他解释的文本。要从正常的上下文抽取这些字符时,通常要用到这个标签。 并不经常使用,只在要从正常上下文中将某些短字符序列提取出来,对其加以强调,才使用这个标签 键盘输入 变数 定义 (有些浏览器不提供) 地址
3.0 大字 3.0 小字 与外观相关的标签(作者自订的表现方式) -------------------------------------------------------------------------------- 加粗 斜体 3.0 底线(尚有些浏览器不提供) 3.0 删除线普通卷动 滑动 预设卷动 来回卷动 向下卷动 向上卷动 向右卷动 向左卷动 卷动次数 设定宽度 设定高度 设定背景颜色 设定滚动速度 设定卷动时间 鼠标经过上面时停止滚动鼠标离开时开始滚动 字体效果
1.html的主体标签
…… : 格式: 属性描述 link 设定页面默认的连接颜色 alink 设定鼠标正在单击时的连接颜色 vlink 设定访问后连接文字的颜色 background 设定页面背景图像 bgcolor 设定页面背景颜色 leftmargin 设定页面的左边距 topmargin 设定页面的上边距 bgproperties设定页面背景图像为固定,不随页面的滚动而滚动 text 设定页面文字的颜色 2.换行标签…… ALIGN是标签的属性,属性有三个参数left,center,right 4.原样显示文字标签
……. 居中对齐标签
HTML代码大全免费下载 (在…里加入你要的文字即可) 忽视右键
或 文字特效 移动模板: 例子a. b. 啦啦啦,我从右向左移! c. 啦啦啦,我一圈一圈绕着走! d. 啦啦啦,我来回走耶!e. 啦啦啦,我走一步,停一停! 普通卷动 滑 预设卷动 来回卷动 向下卷动 向上卷 向右卷动 向左卷动 卷动次数 设定宽 设定高度 设定背景颜色 设定卷动距离 设定卷动时间 区断标记
竭诚为您提供优质文档/双击可除 html5文章页面模板 篇一:20个优秀的响应式设计html5网站模板 20个优秀的响应式设计html5网站模板想索取更多相关资料请加qq:649085085或登录 ps;本文档由北大青鸟广安门收集自互联网,仅作分享之用。 有了这些,你根本不需要再进国内哪些模板网站,哪些站虽然模板数量很多,但是对于我们来说,时间是宝贵的,我们只需要精品就可以了。请收藏、请分享,tks. legend响应式单页面网站模板 legendhtml5模板很漂亮,而且适合多用途网站,因为使用bootstrap框架搭建,所以支持bootstrap的插件,易于定制、扩展性灵活,是一个很不错的免费网站模板!下载模板|在线演试 stronglytyped
stronglytyped 是一个免费的响应式设计模板, 使用html5/css3编写,包含基本的页面元素和页面。 下载模板|在线演试 codester codester这个html5模板使用了bootstrap构建,如果了解bootstrap的用户我想你一定会喜欢上它。 下载模板|在线演试 brushedtemplate brushed也是使用了twitterbootstrap框架搭建,并且对Retina显示屏优化 (iphone,ipad,ipodtouchandmacbookproRetina),非常适合作品展示使用。下载模板|在线演试 escapeVelocity escape是免费的响应式设计网站模板,并且使用了扁平化设计。 下载模板|在线演试 parallelism 很明显这个parallelism自适应网页模板适合相册、作品展示使用,还有一个强大之处就是网页图片的大小会自动适应,非常不错!
html标签属性大全 html标签属性大全是朋友们整理常用的html标签,和大家更好的交流沟通。学习html标签属性大全html标签< 普通卷动 滑动 预设卷动 来回卷动 向下卷动 向上卷动 向右卷动 向左卷动 卷动次数 设定宽度 设定高度 设定背景颜色 设定滚动速度 设定卷动时间 鼠标经过上面时停止滚动 鼠标离开时开始滚动 字体效果
竭诚为您提供优质文档/双击可除 个人中心html模板 篇一:三十款令人过目难忘的html5模板 三十款令人过目难忘的html5模板 当今世界,内容管理系统已经从网络手中夺取了大权,而我们几乎很难找到多少没有采用wordpress作为实现基础的网站——当然,这往往源自一种自然的愿望,即让事情变得更简单。但在今天的文章中,我们就要破除这种习惯思维。曾几何时,我们仍然在使用自己所熟知的html标记语言——这是构建网站过程中最简单也是最可靠的解决方案。没错,很多朋友可能会抱怨其使用感受极度糟糕,而且强迫管理员以手动方式更新网站上的所有内容。诚然,一切目标的达成都得付出代价,但html所能带来的收效要远远超出代码调 整过程中可能出现的难题(甚至根本不会出现什么难题)。让我们配合图片,一同看看那些令人过目难忘的html5模板。 首先,我们需要决定自己要构建哪种类型的网站。如果大家身为博主而且每周都会进行几次内容更新,那么html 可能确实不是我们应该优先考虑的选项。但我们再考虑另外几种情况。如果大家拥有一个商业网站或者个人页面组合,
而其作用主要是为了信息展示。这意味着我们希望访客能够浏览自己的网站、了解相关服务,但却用不着频繁地变更其中的内容。在这种情况下,html模板可能是解决需要的最佳手段。首先,html文件在服务器上所占用的空间更小,因此需要使用的带宽资源也更少。虽然这可能算不上什么了不起的优势,但知道自己的网站比其他竞争对手响应更快总归不是什么坏事。而更加值得一提的是,html在安全性方面更具优势。没人能够通过wp-admin破解我们的站点。为什么因 为html网站上根本就没有wp-admin这种东西,而且其中也没有数据库。为了攻破我们的网站,这帮恶意人士恐怕得跟jonathanjames本人拥有同样的技术水平才行。当然这些都 是题外话,让我们说回html模板。 本篇文章内提到的所有模板都为响应式方案。它们在任何现代设备上都能呈现出出色的外观效果,其中包括智能手机、平板设备甚至是我们上个月刚买的ipodtouch。同样的 效果在浏览器上亦可呈现。这些模板拥有良好的跨浏览器兼容能力,而且无论是在chrome及火狐等现代浏览器上、还 是ie等web开发者更喜爱的浏览器中,它们都同样表现优异。这些模板的设计堪称时尚,而且绝对能 给人留下深刻的印象。如果大家想尝试一款html5模板,但又不愿为此承担费用,那么请一定要认真保存下这些卓越、更重要的是完全免费的网站模板。好了,下面就让我们开始
html标记语言常用标记大全2009-10-14 16:30 HTML标记一览,后有详解
HTML里,比较基础的标签主要用于标题,段落和分行。
学习HTML最好的方法,就是跟着示例学。为了各位学习的方便,我们准备了一个简单的HTML编辑器,你可以在左边写HTML代码,然后点击上面的按钮,查看HTML的显示结果。 copyright dedecms 试试看吧! 示例:一个非常简单的HTML文件本文来自织梦
这是一个非常简单的HTML。 织梦内容管理系统 这个示例算是一个最简单的HTML文件,只包含了最基本的能构成一个HTML 文件的标签。通过这个例子,你可以看到浏览器是如何显示这个文件的,以此对HTML文件有个最初的认识。 织梦好,好织梦 示例:简单的段落 内容来自dedecms copyright dedecms 这是第一段。 这是第二段。 这是第三段。 内容来自dedecms 在HTML里,用p来定义段落。 织梦好,好织梦 织梦好,好织梦 这个示例显示在HTML文件里如何分段。织梦内容管理系统正文标题 这个示例告诉你如何在HTML文件里定义正文标题。 本文来自织梦 HTML用
竭诚为您提供优质文档/双击可除 html信息显示模板 篇一:html表格布局实例 [html]表格布局之实例版 |[>] 前面我们讲了html表格的基础知识,今天(html信息显示模板)我们通过一个实例让大家更清晰的了解下表格的用途。 例如:我们做一个简单的网站布局,代码如下: bordercolor="#00ff99"> 网站名称 网站标题 搜索框 左边 中间 右边
网站底部信息 产生如下的表格: 这是一张整体的表格,第一行和第四行分别跨度了三列,这里用 colspan="3"来限制,而第二行的“搜索框”占用了两 列的位置,用colspan="2"控制;align="center"是对表格 内文字的对齐限制,center表示中间,right表示靠右,left 靠左。 表格的基础设置,可以参考: [html]利用表格规划网站布局 [html]如何制作多行多列的表格 [html]设定表格的尺寸和边框 如果你现在可以根据自己的想法制作出一个表格了,那么你就是向自己制作模板迈近了一步。^o^ 表格布局现在仍然很多人在用,方便实在。 网页设计现有两种布局方法,一种即是表格布局,另一种是现在w3c极力推荐的css布局。不过,就目前来说,由于xhtml并未完全占据主流,表格布局依然是大多数网页设
计师的首选。 你所描述的问题属于表格的对齐问题,解决方式有以下几种: 如果两个表格的宽度不一致,那么选择默认的对齐方式,也即左对齐,在html中的标签和属性是:就能实现左边对齐。你现在出现的问题有可能是第一个表格设置了对齐方式,例如居中对齐,而第二个表格并没有设置对齐方式,所以默认为左对齐,这样就出现了上述问题。 我的一些表格布局的经验: 1、表格布局第一步:先插入一个表格,宽度是760-780px (记住,一定要用px,不要用百分比),高度不用设置,然 后令这个表格居中。以后所有的内容都限制在这个表格中。 2、熟练使用表格嵌套。也就是说,在一个表格中再插 入另一个表格。举个例子,把你要设计的页面分成大的几个部分,然后利用表格的行数和列数来控制它们的布局,如果某一个单元格中的内容又要分成几部分,可以继续在这个单元格中插入表格,方法同上。 3、补充:表格的边框一定要为0,即table中的border 属性值为"0"。也就是让表格在网页预览中不可见,这样才 能实现表格布局的目的。 如何利用表格实现画中画,也就是页中页效果 网页的排版大多使用表格,利用一个表个单元可以嵌入
HTML标记_HTML大全_HTML标记大全_超文本标记语言 2007年06月14日星期四 02:00 虽然重重复复发着形式不一内容一样的文章,但是我的目的就是让自己,让别人可以从不同角度打好学习的基础 凸基斯~~嘻嘻 HTML标记_HTML大全_HTML标记大全_超文本标记语言 网页(WebPage)文件主要是用超文本标记语言(HyperText Markup Language,简称HTML)语句来写成。 您可以通过IE浏览器的“查看”菜单中的“源文件”看到该页的HTML代码。HTML语言由一系列元素(element)组成,用于组织文件的内容和指导文件的输出格式。元素名称不分大小写。一个元素可以有多个属性,属性及其属性值不分大小写。属性名=属性值合起来构成一个完整的属性,一个元素可以有多个属性,各个属性用空格分开。元素又由标记(tag)的构成,大多数标记是成对出现的,分起始标记< >(start tag)和结尾标记 >(end tag),以便和页面的内容区分开来。其写成的文件是标准的ASCII文件,不同于一般的编程语言,故称为脚本(Script)更准确一点。其实也很简单,特别是在专门的HTML编辑器的帮助下,您可以迅速地学会HTML,并能很快写出有自己特色的Homepage来。 需要说明的是:各种浏览器对html元素及其属性的解释不完全一样,如NC与IE是有区别的。
颜色 #=rrggbb 16 进制 RGB 数值,或者是下列预定义色彩: Black,Olive,Teal,Red,Blue,Maroon,Navy, Gray,Lime,Yellow,,Silver,Fuchsia,Purple,Green,Aqua[返回本页首部] META标签 描述不包含在标准HTML里的文档信息。 本页的关键字和描述。在页面里加上这些定义后,一些搜索引擎就能够让读者根据这些关键字搜索到您的主页,了解你的主页内容。 浏览器将在30秒后,自动转到new.htm。您可用它制作一个封面,在若干时间后,自动带读者来到您的目录页。如果URL项没有,浏览器就是刷新本页。这就是WWW聊天室定期刷新的实现原理。 描述本页使用的语言。浏览器根据此项,就可以选择正确的语言编码,而不需要读者自己在浏览器里选择。GB2312是指简体中文,而台湾BIG5内码的主页则是用BIG5。 强制性调用网上的最新版本。浏览器为节约时间,在本地硬盘上保存一个临时文件。在重新调用时,便直接显示那个临时文件。如果您想让读者每次都看到最新的版本,可加上句。[返回本页首部] LINK 显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下: REL参数说明两个文档之间的关系,HREF说明目标文档名。关于层叠样式表,将在后面的课程中详述。[返回本页首部] BASE 本文档的原始地址。语法: