PHP(2)只记录我的学习历程

<html>
<meta charset="utf-8">
	<head>
		<title>一个普通的列表</title>
	</head>
	<body text="blue">
	<dl>
		<dt>中国的城市</dt>
			<dd>北京</dd>
			<dd>上海</dd>
			<dd>广州</dd>
		<dt>外国的城市</dt>
			<dd>华盛顿</dd>
			<dd>芝加哥</dd>
			<dd>纽约</dd>
	</dl>
	</body>
</html>

效果图

<html>
	<meta charset="utf-8">
	<header>
		<title>城市列表2来标识圆点跟数字</title>
	</header>
	<body text="blue"bgcolor="white">
	<ol>
		<p align="center">中国城市</p>
		<li>北京</li>
		<li>上海</li>
		<li>广州</li>
	</ol>
	<ul>
		<p align="center">美国城市</p>
		<li>华盛顿</li>
		<li>芝加哥</li>
		<li>纽约</li>
	</ul>
	</body>
</html>

<html>
	<meta charset="utf-8">
	<header>
		<title>城市列表2来标识圆点跟数字</title>
	</header>
	<body>
	<div style="color:red">
	<ol>
		<p align="center">中国城市</p>
		<li>北京</li>
		<li>上海</li>
		<li>广州</li>
	</ol>
	</div>
	<div style="color:blue">
	<ul>
		<p align="center">美国城市</p>
		<li>华盛顿</li>
		<li>芝加哥</li>
		<li>纽约</li>
	</ul>
	</div>
	</body>
</html>

效果图

今天学习了几个新的便签

1.<p>....</p>在html中我们用它创建一个段落，而且它还有如下属性ceter,left,right居中，左对齐，右对齐用法如下<p align="Center">

2.<br>在html中它表达的是回车换行==/n它的使用方法有2个第一个是放在<p>...</p>之间这样会有一个小的换行，还有一个是放在<p>...</p>外边的话会有一个大的换行

3.<dl>...</dl>在html中它是用于创建一个普通列表

4.<dt>...</dt>用于创建列表的上层项目，必须放在<dl>...</dl>中

5.<dd>...</dd>用于创建列表中最下层项目，必须放在<dl>...</dl>中

6.<ol>...</ol>在html中的数字列表

7.<ul>...</ul>在html中的圆点列表

8.<li>...</li>在html中创建列表项。加在<ul>...</ui>则为前边带圆点。加在<ol>...</ol>之间则为前边带数字

9.<div>...</div>描述的是boby中的一个小段落的意思，可以单独设置属性如：<div style="color:red">...</dic>

PHP(2)只记录我的学习历程

猜你喜欢