1. 程式人生 > 實用技巧 >HTML網頁文字與排版

HTML網頁文字與排版

 <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。