HTML網頁文字與排版
阿新 • • 發佈:2020-11-19
<body>
@*段落標籤p瀏覽器會自動為每一個段落的前後新增空行*@
<p>吐槽專區,有啥不爽一吐為快,注意要匿名哦</p>
<p>
問答專區,問啥都行,不犯法就行
直播專區,一起程式設計,你從不會孤單一人
</p>
@*雖然使用了回車鍵但是在瀏覽器中還是會呈現為一行*@
<p style="font-size:18px;font-style:oblique">
飛哥專區,一起幫·源棧創始人,專注IT教育的老牛
</p>
@*使用style屬性新增字型樣式和大小*@
<p style="text-align:justify;text-indent:2em">
找高手·找新手
</p>
@*使用style屬性新增文字對齊方式和縮排大小*@
<p style="font-family:'黑體'">
訂閱內容,看看你關注人的最近更新情況
</p>
@*字形字型居然還能用漢字來進行設定*@
<P><sup>上標籤</sup>瀏覽歷史,<sub>下標籤</ sub>你的足跡</P>
@*上標籤和下標籤的使用*@
<hr style="height:4px;border:double;">
@*分割線的大小和樣式*@
<h1 style="text-align:center;color:red">一起幫源棧</h1>
@*標題最簡單,設定居中對齊和紅色*@
<p>符號列表</p>
@*在ul上設定列表的符號型別,disc,circle,square*@
<ul type="disc">
< li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ul>
<p>編號列表</p>
@*編號除了數字還有type="a""A""I"*@
<ol type="1">
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ol>
<p>自定義列表</p>
@*感覺這中自定義的用處很大*@
<dl>
<dt>性別</dt>
<dd>男</dd>
<dt>年齡</dt>
<dd>30</dd>
<dt>愛好</dt>
<dd>籃球</dd>
<dd>羽毛球</dd>
</dl>
</body>
</html>
還是比較欣賞部落格園的網站開發程式碼,一目瞭然,用到了大量的ul,反觀微博到是處處div,處處JavaScript。