新建一个html文件

前端开发 使用html写一个博客 基本标签的体验 0226_html

前端开发 使用html写一个博客 基本标签的体验 0226_css样式_02

写一段文本作为博客的标题

在body中写内容

前端开发 使用html写一个博客 基本标签的体验 0226_服务器_03

*号的出现代表,文件有改变

保存文件后消失

快捷键: ctrl + s

前端开发 使用html写一个博客 基本标签的体验 0226_服务器_04

效果

前端开发 使用html写一个博客 基本标签的体验 0226_html_05

当前这个页面已经在一个模拟的服务器上运行了

当代码内容发生改变的时候

网页的内容会同步更新

h标签 让内容变粗

<h1>内容</h1>

b标签也可以加粗,css样式也可以调整大家

h标签与b标签的区别

h标签有语意,被它包裹的内容,一般都是一个主题标题等性质的内容

前端开发 使用html写一个博客 基本标签的体验 0226_保存文件_06

h标签有

h1-h6共六个

i标签 斜体字

<i>内容</i>

前端开发 使用html写一个博客 基本标签的体验 0226_css样式_07

hr标签 水平线

<hr>

前端开发 使用html写一个博客 基本标签的体验 0226_html_08

打入正文内容

期望换行,结果失败

		有文化的人失恋了,发朋友圈写:“人生若只如初见,何事秋风悲画扇。等闲变却故人心,却道故人心易变”
		没文化的人失恋了,发朋友圈写:“蓝瘦,香菇”

前端开发 使用html写一个博客 基本标签的体验 0226_服务器_09

p标签 段落

<p>内容</p>

前端开发 使用html写一个博客 基本标签的体验 0226_快捷键_10

继续完善内容

前端开发 使用html写一个博客 基本标签的体验 0226_服务器_11

前端开发 使用html写一个博客 基本标签的体验 0226_css样式_12

b标签 加粗文字

<b>内容</b>

前端开发 使用html写一个博客 基本标签的体验 0226_html_13

期望最后一句话,换一个行

br标签 换行标签 单标签

<br>

前端开发 使用html写一个博客 基本标签的体验 0226_css样式_14

期望标题有空隙

前端开发 使用html写一个博客 基本标签的体验 0226_快捷键_15

  代表空格

前端开发 使用html写一个博客 基本标签的体验 0226_css样式_16

更多的字符实体

前端开发 使用html写一个博客 基本标签的体验 0226_css样式_17

本节回顾

》标题标签

前端开发 使用html写一个博客 基本标签的体验 0226_快捷键_18

》段落标签

前端开发 使用html写一个博客 基本标签的体验 0226_服务器_19

》斜体标签

前端开发 使用html写一个博客 基本标签的体验 0226_css样式_20

》加粗标签

前端开发 使用html写一个博客 基本标签的体验 0226_html_21

》换行标签

前端开发 使用html写一个博客 基本标签的体验 0226_保存文件_22

》水平线标签

前端开发 使用html写一个博客 基本标签的体验 0226_html_23

》空格字符实体

前端开发 使用html写一个博客 基本标签的体验 0226_保存文件_24

代码

index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h1>
		<i>2020.3.15</i>
		<hr>

		<p>有文化的人失恋了,发朋友圈写:“人生若只如初见,何事秋风悲画扇。等闲变却故人心,却道故人心易变”</p>
		<p>没文化的人失恋了,发朋友圈写:“蓝瘦,香菇”</p>

		<p> 清朝时,纪晓岚与和珅同时在朝为官,纪任侍郎(官名)和珅为尚书(官名)。
		</p>
		<p>一日两人一起喝酒,和珅指着一条狗问:“是狼(侍郎)是狗?”纪晓岚回答:“上竖(尚书)是狗,垂尾是狼”。
		</p>
		<p>这脑洞,这反应速度<br>都是<b>文化人</b>啊!
		</p>



	</body>
</html>