04文本
4.1文本介绍
静态网页：文字、图片、超链接、音频和视频。
静态网页+后端技术=动态网页
标题、段落、换行、文本、水平线标签和特殊符号
4.2标题标签
HTML中共有六个级别的标题标签：h1、h2、h3、h4、h5、h6。（重要性由高到低）
注意：一个页面只能有一个h1标签，其他可以有多个。
<body>
<h1>this is h1</h1>
<h2>this is h2</h2>
<h3>this is h3</h3>
<h4>this is h4</h4>
<h5>this is h5</h5>
<h6>this is h6</h6>
</body>
注意：title用来显示地址栏的标题；而h1用来显示文章的标题。
4.3段落标签
<p>段落内容</p>
段落标签会自动换行并且保持行距。外观归CSS管。
<br/>
自闭合标签
可以随意换行，等同于两个<p></p>
注意：p可以分段，br换行，行距不一样
e.g
<body>
<h1>I</h1>
<p>am<br/>fine<br/>.</p>
</body><body>
<h1>I</h1>
<p>am</p>
<p>fine</p>
<p>.</p>
</body>
4.4文本标签
1.粗体标签：strong、b
<strong> These are strong words . </strong>
<b>These are strong words . </b>
注意：尽量使用strong，语义性
<body>
<strong>smiling</strong>
<b>happy</b>
</body>
会有自动的空格。
2.斜体标签：i、em、cite
<i>斜体文本</i>
<em>斜体文本</em>
<cite>斜体文本</cite>
注意：尽量使用em标签，语义性
<body>
<i>fighting</i>
<em>fighting</em>
<cite>fighting</cite>
</body>
3.上标标签：sup
e.g
<p>(a+b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2ab</p>
4.下标标签：sub
e.g
<p>H<sub>2</sub>SO<sub>4</sub>指的是硫酸分子</p>
5.中划线标签：s
e.g
<body>
<p>新鲜的新西兰奇异果</p>
<p><s>原价：￥6.50/kg</s></p>
<p><strong>现在仅售：￥4.00/kg</strong></p>
</body>
6.下划线标签：u
e.g
<body>
<p><u>绿叶学习网</u>是互联网最精品的WEB技术学习网站。</p>
</body>
7.大字号标签：big和小字号标签：small
e.g
<body>
<p>普通字体文本</p>
<big>大号字体文本</big></br>
<small>小号字体文本</small>
</body>
注意：貌似<p></p>句尾不用</br>就可以自己换行！！！
4.5水平线标签
hr标签来实现一条水平线
<body>
<h3>静夜思</h3>
<p>床前明月光，疑是地上霜。</p>
<p>举头望明月，低头思故乡。</p>
<hr/>
<h3>春晓</h3>
<p>春眠不觉晓，处处闻啼鸟。</p>
<p>夜来风雨声，花落知多少。</p>
</body>
4.6div标签
可用来划分html结构，div标签内部可以放入所有其他标签。
e.g
<body>
<h3>静夜思</h3>
<p>床前明月光，疑是地上霜。</p>
<p>举头望明月，低头思故乡。</p>
<div>
<hr/>
<h3>春晓</h3>
<p>春眠不觉晓，处处闻啼鸟。</p>
<p>夜来风雨声，花落知多少。</p>
</div>
</body>
分析：貌似长得一样
div主要是划分区域，然后结合CSS针对该区域进行样式控制。
4.7自闭合标签
标签：一般标签、自闭合标签
一般标签：有开始和结束符号，可以在内部插入其他标签或者文字
自闭合标签：只有开始符号没有结束符号，不可以在内部插入标签或者文字。
（简单理解：本来要给他配一个结束符号，他却自己闭合了）
4.8块元素和行内元素
元素：块元素、行内元素
1.块元素：在浏览器显示状态下将占据一整行，并且排斥与其他元素位于同一行。
一般情况下，块元素内不可以容纳其他块元素和行内元素。
自己独占一行。
e.g
<body>
<div>
<h3>绿叶学习网</h3>
<p>“绿叶，非你初恋般的感觉。”</p>
<strong>绿叶学习网</strong>
<em>“绿叶，给你初恋般的感觉。”</em>
</div>
</body>
2.行内元素
行内元素可以与其他行内元素位于同一行。
行内元素可以容纳其他行内元素，但不可以容纳块元素。
4.9特殊符号
1.网格
e.g
<body>
<div>
<h3>静夜思</h3>
<p>床前明月光，疑是地上霜。</br>举头望明月，低头思故乡。</p>
</div>
</body>
<body>
<div>
<h3>静夜思</h3>
<p>床前明月光，疑是地上霜。</br> 举头望明月，低头思故乡。</p>
</div>
</body> 
2.网页中的特殊字符
不必用代码实现的：
需要代码来实现的：
<body>
<p>欧元符号：€</p>
<p>英镑符号：£</p>
</body>
作业:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>作业</title>
<style type="text css">
/*这里填样式*/
</style>
<script>
/*这里填javascriipt代码*/
</script>
<link type="text/css" rel="stylesheet" href="css/index.css">
</head>
<body>
<h1> 各科小知识</h1>
<h2>语文</h2>
<p> 三国演义是中国四大古典名著之一，
元末明初小说家罗贯中所著，是中国第一部章回体历史演义</br>的小说，
描写了从东汉末年到西汉初年近100年的历史风云。</p>
<hr/>
<h2>数学</h2>
<p> 勾股定理直角三角形:a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup>.</p>
<hr/>
<h2>英语</h2>
<p> No pain , No gain .</Nav></p>
<hr/>
<h2>化学</h2>
<p>H<sub>2</sub>SO<sub>4</sub>是一种重要的工业原料，可用于制作肥料、洗涤剂等。</p>
<hr/>
<h2>经济</h2>
<p> 版权符号：©</p>
<p> 注册商标：®</p>
</body>
</html>
<!--注释的内容-->
1173
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
