html，css个人实例学习之路(1)

71 阅读 0 评论 47 点赞

我是靠谱客的博主还单身绿草，这篇文章主要介绍html，css个人实例学习之路(1)，现在分享给大家，希望可以做个参考。

这是我实现的第一个html：

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
<!doctype html public "-//w3"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<head>
	<title>
		this is my first html!
	</title>
</head>

<body>
	<h1>try it!</h1>
	<p>this is a very simple example.</p>
</body>

第一行可以不用太关心，然后可以看到title主要是页面最上方显示的内容，然后h1是指的标题的字号。

<p>的意思是段落元素

接下来我们尝试一下列表的书写，代码修改成如下：

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!doctype html public "-//w3"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<head>
	<title>
		this is my first html!
	</title>
</head>

<body>
	<h1>try it!</h1>
	<p>this is a list(ul):</p>
	<ul>
	        <li>one.</li>
		<li>two.</li>
		<li>three.</li>
	</ul>

	<p>this is another list(ol):</p>
	<ol>
	        <li>one.</li>
		<li>two.</li>
		<li>three.</li>
	</ol>
	
</body>