其他分享
首页 > 其他分享> > 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。

标签:专区,style,网页,自定义,标签,列表,添加,HTML,排版
来源: https://www.cnblogs.com/gakkiaspnet/p/14005620.html