位置:首页 > 软件操作教程 > 编程开发 > HTML > 问题详情

HTML属性标签3

提问人:刘团圆发布时间:2020-10-10

表示颜色的有三种方式;

116进制颜色代码

语法:#RRGGBB

例:<font color="#ff0000">红色</font>

210进制RGB

语法:RGBRRRGGGBBB

例:<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为起始值例:如果start3是那么将从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> 

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部