shangrila-xiu

112
文章
101
分类
33
标签

qukuaigeshi

区块格式

pre元素（预先格式化的区块）

由于浏览器会省略HTML元素之间多余的空格符和【enter】见，导致输入的某些内容时不方便。如程序代码

width=”n”：指定区块的宽度，n为像素数。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<pre>
			void main(){
				printf("hello!\n");
			}
		</pre>
	</body>
</html>

结果如下图：

blockquote（元素用来标记左右所拍的区块）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		<blockquote>天命之谓性，率性之谓道，修道之谓教。</blockquote>
		<blockquote>天命之谓性，率性之谓道，修道之谓教。</blockquote>
		<p>天命之谓性，率性之谓道，修道之谓教。</p>
		<p>天命之谓性，率性之谓道，修道之谓教。</p>
	</body>
</html>

结果如图所示：

hr元素（水平线）

div元素（群组成一个区块）

div元素用来将HTML文件中的某个范围的内容和元素组成一个区块，令文件的结构更加清晰。

1
align=“{left,center,right,justify}”;

区块层级：是元素的内容在浏览器中会另起一行，例如div、p、pre、h1等

marquee元素（跑马灯）

属性：

1
2
3
4
5
6
7
8
9
10
behavior="{slide,scroll,alternate}"：指示跑马灯的表现方式（滑动、滚动、交替），省略不写的话，表示为默认值scroll。
bgcolor="color|#rrgbb"：指定跑马灯的背景颜色。
derection="{left,right,up,down}"：指定跑马灯的移动方向，省略不懈，默认向左。
height="n"：指定跑马灯的高度。（n为像素数）
width="n"：指定跑马灯的宽度。（n为像素数）
hspace="n"：指定跑马灯左右边界的大小。（n为像素数）
loop="n"：指定跑马灯文字的重复次数。（n为重复次数）
scrollamount="n"：指定跑马灯文字的移动距离。（n为像素数）
scrolldelay="n"：指定跑马灯文字的延迟时间（n为秒数）
vspace="n"：指定跑马灯的上下边界的大小。（n为像素数）
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		<p><marquee bgcolor="yellow" width="500" height="20">鹿港跑马灯</marquee></p>
		<p><marquee bgcolor="deeppink" width="80%" height="2%">欢迎你我</marquee></p>
		
	</body>
</html>

结果为：

< !– –> （注释）【！前面的空格是为了使改符号能正常的显示加上的】

1
<!-- -->符号用来注释，而且注释不会显示在网页上