CSS布局：網(wǎng)頁、APP、小程序等前端的界面布局都需要打好基礎(chǔ)
<!DOCTYPE html>
<html lang="zh-CN">
<head>
? ? <meta charset="UTF-8">
? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">
? ? <title></title>
</head>
<body style="display: flex;flex-direction: column;align-items: center;">
? ? <h1>第一章</h1>
? ? <P>故事的開頭說到都是一個(gè)美麗的王后生了一個(gè)可愛的小公主。</P>
? ? <p>在公主5歲的時(shí)候，往后死了。國王又娶了一個(gè)非常漂亮的女人做他的妻子。這就是魔女皇后</P>
? ? <h2>神秘的梳子</h2>
? ? <b>“小公主”</b>后面?zhèn)鱽砼蛡兗贝俚慕泻奥暋?lt;br>
? ? <em>遠(yuǎn)方的祖母給小公主，送來了一把梳子，并告訴小公主，想媽媽的時(shí)候就梳動(dòng)梳子。</em>
? ? <br /><i>“媽媽！”每當(dāng)小公主梳頭的時(shí)候，總覺得媽媽就在她的身邊。</i><strong>她總覺得，媽媽在輕輕的為她梳頭。心中的委屈就漸漸消失了。</strong>
? ? <br><sup>繼母對(duì)她很不好</sup><sub>每天都不然她吃飽飯。</sub>
? ? <hr>
? ? <a id="tips">有用的提示部分</a>
? ? <a href="#tips">訪問有用的提示部分</a>
? ? <a href="https://www.runoob.com/html/html-links.html#tips">
? ? ? ? 訪問有用的提示部分</a>
? ? <h3>尾聲</h3>
? ? <br><!-- 這里空了一行 -->
? ? <p>王子和公主過上了幸福的生活</p>
? ? <a href="https://www.runoob.com/" target="_blank">訪問菜鳥教程</a>
? ? <dibulan>
? ? ? ? <p>版權(quán)</p>
? ? ? ? <p>備案號(hào)</p>
? ? </dibulan>
</html>
