HTML属性标签3
表示颜色的有三种方式;
1,16进制颜色代码
语法:#RRGGBB
例:<font color="#ff0000">红色</font>
2,10进制RGB码
语法:RGB(RRR,GGG,BBB)
例:<font color="rgb(255,000,000)">红色</font>
3,直接用颜色的英文名称
例:<font color="red">红色</font>
<body>.....</body>属性可分为三种:
1,背景属性
包括:bgcolor,background
2,文字属性:
包括:text,link,alink,vlink,
3,留白属性:
其中分为:leftmargin,topmargin
.bgcolor背景色
语法格式:<body bgcolor="#ff0000">
.background背景图案。
语法格式:<body background="url">
.text文本颜色(非连接文字颜色)
.link连接文字颜色(可连接文字颜色)
.alink活动连接文字颜色(正被点击的可连接文字的颜色)
.vlink已访问连接文字颜色)(已经点击访问过的可连接文字的颜色)
语法格式:<body text="color" link="color" alink="color" vlink="color">
.leftmargin 页面左侧的留白距离
.topmargin 页面顶部的留白距离
语法格式:<body leftmargin="value" topmargin="value">
注:value为长度值为数字
align 属性
语法:<h2 align="?">文字</h2>
其属性有三种:left靠左,center居中,right靠右
〈p〉</p>为段落标记,可利用以上属性对整个段落进行设置
〈br>为换行标记
<nobr></nobr>为不换行标记 放在文字两边即可
例:<body>
<h3>江南逢李龟年</h3>
<p>歧王宅里寻常见<br>
催九堂前几度闻<br>
正是江南好风景<br>
落花时节又逢君</p>
</body>
预格式化:
<pre>......</pre> 浏览是效果和编写是效果格式一样
列表
1无序列表又称符号列表
语法格式:
<ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框
<li>文字</li>
<li>文字</li>
</ul>
2有序列表
语法格式:
<ol type="?" start"?">
<li>文字</li>
<li>文字</li>
</ol>
type的值是编号字符可选的有1...,a...,A...,i... ,I...
start为起始值例:如果start为3是那么将从3开始,而且必须是数字。
3定义列表
<dl>定义列表标记
<dt>标示定义条目
<dd>标示定义内容
语法格式:
<dl>
<dt>文字</dt>
<dd>文字内容</dd>
</dl>
连接和图像
语法格式:
<a href="url" name="?" target="?" title="?">....</a>
属性:href 连接目标 值可以是url地址也可以是连接锚点
<a href="url">...</a>或者
<a href="锚点">...</a>
name 连接名称
语法格式:<a name="锚点名称">...</a>
例:<a name="abcdcf">...</a>
连接到该锚点的连接则应是:
<a name="#abcdef">....</a>
target目标窗口语法格式:
<a href="url"target="_blank|_self|_farent|_top|windowname">....</a>
-blank打开新窗口
_self当前窗口打开
一下两个仅在框架叶面中应用
_parent当前窗口的父级窗口(上一级)打开
_top在最高一级的窗口打开
windowname已命名的窗口或框架中打开连接
title连接提示
<a href="http://www.crazytribe.net" title="打开狂人部落的首页">狂人部落</a>
图像<img> 语法格式:
<img src="url" alt="?" width="?" height="?" border="?" align="?">
border属性定义图片边框的宽度,默认值为0
align属性设置图片旁边文字的位置
语法格式:<img src="" align"">
可选值有:
top图片和文字顶部对齐
middle图片和文字居中对齐
bottom图片和文字底边对齐(默认)
left图片居左对齐,文字沿图片绕排
right图片居右对齐,文字沿图片绕排
absmiddle图片对齐到目前文字行绝对中央
absbottom图片对齐到目前文字行绝对底部
文字的排版
不换行空白标记
font元素
语法格式:
<font face="字体名称" size="字体大小" color="字体颜色">
字体大小可选值为1——7,默认为3
例:〈font face="黑体" size="4" color="#ff00ff">....</font>
水平线<hr>
语法格式:<hr width="宽度" align="对齐方式默认居中center" size="水平线厚度默认为2" color="颜色" noshade>
noshade无阴影,既实线
层〈div><span>两种元素
<div>是块级元素,和段落元素<p>相似,不同的是两个<div>元素之间不会产生两个<p>元素之间的空行,
<span>是行内元素,可以定义段落中部分文字的属性
语法格式:
<div align="" style="">...</div>
align设置层中元素的水平对齐方式
stule设置元素应用css规范的属性
<div>兼容性比<span>要好一点,最好使用<div>
点击加载更多评论>>