标题:
<h1></<h1>
<h2></h2>
<h3></h3>
<h4></h4>
.....
越往下,其标题越小
代码演示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
<h1>你好!</h1>
<h2>你好!</h2>
<h3>你好!</h3>
<h4>你好!</h4>
<h5>你好!</h5>
<h6>你好!</h6>
</body>
</html>
结果:
段落:
<p></p>
代码演示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>段落</title>
</head>
<body>
<p>你好!</p>
<p>你好!</p>
<p>你好!</p>
</body>
</html>
结果:
横线:
<hr>
在<hr>里面去设置你想要的长度,宽度,颜色。
代码演示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>横线</title>
</head>
<body>
<hr width="500px" color="red">
</body>
</html>
结果:
链接:
<a href="">
href是指链接的地址。
代码演示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接</title>
</head>
<body>
<a href="upload.html">跳转</a>
</body>
</html>
结果:
点此跳转就可以去你所链接的页面。
图片链接:
<img src="">
图片的名称和尺寸是以属性的形式提供的。
代码演示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接</title>
</head>
<body>
<img src="img/24.jpg" width="500px" height="300px">
</body>
</html>
结果:
强制换行:
<br>标签
文本内标签:
<span></span>
有序列表:
start:开始的数字
type:序号方式
<ol></ol>
列表项:
<li></li>
代码演示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>有序列表</title>
</head>
<body>
<ol start="1"type="1">
<li>苹果</li>
<li>西瓜</li>
<li>香蕉</li>
<li>小香菇</li>
</ol>
</body>
</html>
结果:
无序列表:
<ul></ul>
代码演示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>无序列表</title>
</head>
<body>
<ul type="square">
<li>苹果</li>
<li>西瓜</li>
<li>香蕉</li>
<li>小香菇</li>
</ul>
</body>
</html>
结果: