欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端学习笔记HTML01

程序员文章站 2022-05-10 19:56:14
...
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
	</head>
	<body>
		<h1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h1>
		<i>2020.01.01</i>
		<hr >
		<p>
			今天我打电话定了一个12寸的披萨
		</p>
		<p>
			服务员告诉我
		</p>
		<p>12寸的披萨没有了,给我换成两个六寸的行不行。</p>
		<p>
			我想了想,也可以。
		</p>
		<p>这个故事告诉我们一个道理,<br><b>数学是多么重要啊!!!</b></p>
	</body>
</html>

上图中的案例可以学习到HTML的基本标签
<h1>…</h1> 一级标题
<h2>…</h2> 二级标题
<h3>…</h3> 三级标题
<h4>…</h4> 四级标题
<h5>…</h5> 五级标题
<h6>…</h6> 六级标题
只有这六个标题标签 不存在h7 h8 不存在的标签HTML会忽略
<p>…</p> 段落标签 文字会独占一行
<b>…</b> 加粗标签 文字会呈现加粗效果
<i>…</i> 倾斜标签 文字会呈现斜体效果
<br> 换行标签
<hr> 水平线标签
在HTML中多个空格只显示一个 换行会显示空格
要显示空格需要 &nbsp;表示一个空格

相关标签: 前端学习 html