html标签:
<B>˜˜˜˜˜指定文本应以粗体显示。
<B>定义部分以粗体(Bold)字体显示。
<B>所显示的字体是默认的,你可以用<span style="font-weight: bold">~</span>来改变它的属性。
此外,如果你的目标是为了突出说明的,建议您使用标签<STRONG>。
■使用例
HTML源代码
宇宙约是1.5亿年前的<b>大爆炸</b>产生的。↓↓↓
在浏览器上的显示
宇宙约是1.5亿年前的大爆炸产生的。<BASE>˜˜˜˜˜指定一个相对URI引用
指定一个显式 URL 用于解析对于外部源的链接和引用,如图像和样式表。当使用时,base 元素必须出现在文档的 <HEAD>~</HEAD>内,在任何用于引用外部资源的元素之前。
■使用例
HTML源代码
<html><head>
<base href="http://www.htmling.cn/html/base.htm" target="_self">
</head>
<body>
<a href="../index.htm">回首页</a>
</body>
</html>
↓↓↓
浏览器上的显示
回首页参考网址: http://www.htmling.cn/
样式表CSS
border˜˜˜˜˜用来设定边框宽度,风格和颜色
border用来设定边框宽度,风格和颜色。
border用来设定边框宽度,风格和颜色。若要分开指定可用border-top、 border-bottom、 border-left、 border-right和border-style、 border-width、 border-colo。
■boarder风格的值
- none
- boarder不被表示,粗细也成为0。如果和其他相同属性的值一起使用,其他值优先。这个是默认值值。
- hidden
- boarder不被表示,粗细也成为0。如果和其他相同属性的值一起使用,这个值优先。
- solid
- 被表示为1条线。
- double
- 被表示为2条线。
- groove
- 被表示为立体的塌陷了的线。
- ridge
- 被表示为立体地的隆起了的线。
- inset
- 上面和左面的boarder很暗,下和右面的boarder明亮地被表示,boarder围着了的地方全部被表示为立体的塌陷了的。只有上下左右的那部分指定的立体感没显示出来。
- outset
- 上面和左面的boarder明亮,下和右面的boarder很暗地被表示,boarder被包围了的地方全部被表示为立体的隆起了的。只有上下左右的那部分指定立体感没有表示出。
- dashed
- 被表示为破折线。
- dotted
- 被表示为由点连成的线。
-
■使用例
样式表部分的外部文件(sample.css)里的内容。
p.sample1 {border: double 10px #0000ff;}
p.sample2 {border: inset 10px #ff0000;}
p.sample3 {
margin: 30px 30px;
padding: 10px;
border: medium solid #ff00ff;
}
HTML源代码
<html>
<head>
<link rel="stylesheet" href="sample.css" type="text/css">
</head>
<body>
<p class="sample1">安全性对策今后越发变得重要。</p>
<p class="sample2">安全性对策今后越发变得重要。</p>
<p class="sample3">安全性对策今后越发变得重要。</p>
</body>
</html>
在浏览器上的表示
……
……
direction˜˜˜˜指定文字书写的方向(左右)









direction属性,指定文字书写的方向(左右)。 值ltr(Left To Right)的时候从左到右,值rtl(Right To Left)的时候从右到左。
让direction属性适用in line要素,同时unicode-bid属性需要为embed,或的bidi-override指定值。
■值
- ltr
- ltr(Left To Right)的时候从左到右书写
- rtl
- rtl(Right To Left)的时候从右到左书写
■使用例
样式表部分的外部文件(sample.css)里的内容。
p.sample1 {direction: rtl; unicode-bidi: bidi-override;}p.sample2 {direction: ltr;}
HTML源代码
<html><head>
<link rel="stylesheet" href="sample.css" type="text/css">
</head>
<body>
<p class="sample1">
我们当然会想方设法来保护密码的安全,比如增加密码长度、使用复杂的语法以及特殊字符等等,这确实有助于增强密码的安全性,这些方法往往要求你每90天更改一次密码,但奇怪的是看不到什么明显的好处……
</p>
<p class="sample2">
我们当然会想方设法来保护密码的安全,比如增加密码长度、使用复杂的语法以及特殊字符等等
</p>
</body>
</html>
在浏览器上的表示
浙公网安备 33010602011771号