由上面我们知道一个html中是有各种元素用来呈现不同的元素的,今天我们就来整理一下常用的元素!
块元素:div
html中的元素分为块级元素和内联元素,其中块级元素单独占一行,而多个内联元素是在同一行的,如果放不下就会自动换行,div就是我们常用的块级元素,span是我们常见的内联元素,比如:
<html>
<head>
<title>网站名称</title>
</head>
<body>
<div>我是块级元素1</div>
<div>我是块级元素2</div>
<span>我是内联元素1</span>
<span>我是内联元素2</span>
</body>
</html>
段落:p
我们可以把大段文字分不同的段落,如下:
<html>
<head>
<title>网站名称</title>
</head>
<body>
<p>我是段落1</p>
<p>我是段落2</p>
</body>
</html>
注:虽然效果和div差不多,但是,最好见词知意!
超链接:a
在网站中,我们点一个文字就会跳转到别的网站,这就是超链接的功能,下面我们添加一个跳转到百度的超链接:
<html>
<head>
<title>网站名称</title>
</head>
<body>
<a href="http://www.baidu.com">我是超链接跳转</a>
</body>
</html>
我们点击文字就会跳转到新的界面
标题:h1~h6
网站中的标题使用h1至h6来进行设置,越来越小,如下:
<html>
<head>
<title>网站名称</title>
</head>
<body>
<h1>我是h1标题</h1>
<h2>我是h2标题</h2>
<h3>我是h3标题</h3>
<h4>我是h4标题</h4>
<h5>我是h5标题</h5>
<h6>我是h6标题</h6>
</body>
</html>