html那些事----------3

文本

首先知道文本是干嘛的。
文本是网页的重要组成部分，直接书写的文本会用浏览器默认的上市显示。

文本样式

文本样式的作用是对文本进行修饰
< b >< /b >加粗
< i >< /i >倾斜
< u >< /u>下划线
< s >< /s >删除线
< sup >< /sup >上标
< sub >< /sub >下标
把他们写入body里看下表现形式。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>这个是标题</title>
	</head>
	<body>
		这块主要放内容
		<b>加粗</b>
		<i>倾斜</i>
		<u>下划线</u>
		<s>删除线</s>
		<sup>上标</sup>
		<sub>下标</sub>
	</body>
</html>

html那些事----------3
这都是表面字的意思，都比较简单。
标题元素< hn >
每个网页总有个标题，有人会疑问了，head里title标签里不就是标题么？哈，看效果。
n为1，2，3，4，5，6.
是从< h1 >到< h6 >组成的，即标题1-标题6。
依旧放入body里瞅一下。
只有< h1 >到< h6 >！

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>这个是标题</title>
	</head>
	<body>
		<h1>标题一</h1>
		<h2>标题二</h2>
		<h3>标题三</h3>
		<h4>标题四</h4>
		<h5>标题五</h5>
		<h6>标题六</h6>
	</body>
</html>

html那些事----------3
< p >< /p >段落元素
< br/ >换行元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>这个是标题</title>
	</head>
	<body>
		<p>这是随便的一句话。这是随便的一句话。这是随便的一句话。这是随便的一句话。这是随便的一句话。这是随便的一句话。</p>
	</body>
</html>

html那些事----------3

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>这个是标题</title>
	</head>
	<body>
		<p>这是随便的一句话。<br/>这是随便的一句话。这是随便的一句话。这是随便的一句话。这是随便的一句话。这是随便的一句话。</p>
	</body>
</html>

html那些事----------3
分区元素就需要设置属性才能显示出来了。
< span >< /span >行内分区元素
< div >< /div >块分区元素
看到干巴巴的文字好无聊啊，但是咋们是创造者，变个颜色是不是就会很有趣？
设置属性可以在标签的后面加style里面设置想要的样式。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>这个是标题</title>
	</head>
	<body>
		<div style="color:red;">
			阳光正好
			<div style="color: yellowgreen;">微风不燥</div>
		</div>
		<div>
			阳光正好
			<span style="color: yellowgreen;">微风不燥</span>
		</div>
	</body>
</html>

html那些事----------3
从这个实例中可以看出< span >元素与< div >元素为什么一个叫行内分区一个叫块分区了。
刚才仅仅设置到更改颜色。color这个单词都认得吧？color后加颜色的单词。这样就可以更改字体的颜色。
这些小标签都需要记下来