前端学习笔记HTML01

<!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;表示一个空格

发布了41 篇原创文章 · 获赞 1 · 访问量 926

猜你喜欢

转载自blog.csdn.net/DreamCloud714/article/details/104239932
今日推荐