文本
首先知道文本是干嘛的。
文本是网页的重要组成部分,直接书写的文本会用浏览器默认的上市显示。
文本样式
文本样式的作用是对文本进行修饰
< 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>
这都是表面字的意思,都比较简单。
标题元素< 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>
< p >< /p >段落元素
< br/ >换行元素
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>这个是标题</title>
</head>
<body>
<p>这是随便的一句话。这是随便的一句话。这是随便的一句话。这是随便的一句话。这是随便的一句话。这是随便的一句话。</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>这个是标题</title>
</head>
<body>
<p>这是随便的一句话。<br/>这是随便的一句话。这是随便的一句话。这是随便的一句话。这是随便的一句话。这是随便的一句话。</p>
</body>
</html>
分区元素就需要设置属性才能显示出来了。
< 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>
从这个实例中可以看出< span >元素与< div >元素为什么一个叫行内分区一个叫块分区了。
刚才仅仅设置到更改颜色。color这个单词都认得吧?color后加颜色的单词。这样就可以更改字体的颜色。
这些小标签都需要记下来