LOFTER & 罗小黑战记吧主,杂食,关注必回,群571168348 (⑅•ᴗ•⑅)

~ 漫步,追寻风筝 ~
吧站 GITLOF.com,罗小黑战记吧群 914291796

使用HTML标签排版

尽管现在也有更先进的Markdown,但就Lofter等一众还是用着HTML标签,所以实用性应该还可以。
目的还在于推广,入门级,希望有帮助吧。

关于HTML标签,下面的链接已经说得差不多,但如果我们仅用于写博,不需要太复杂。
HTML标签 - 百度百科

  • 首先,「<br/>」标签被用来换行。

    你也可以利用它把多行的内容合为一行,使纯文本查看时更加紧凑。

    《博客HTML编辑细节》

  • 「<p> </p>」标签用来分段。

    实际应用中一般更简单地用多个「<br/>」达到效果。
    这样便于纯文本查看和简洁性。
    当然从逻辑上你喜欢的话可以用它。

  • 「<blockquote> </blockquote>」标签用于引用。

  • 「<a href=""> </a>」作为链接。

    发链接就像这样:
    「<a href="https://gearkey.lofter.com/">Lofter by Gearkey</a>」

    用链接做页内跳转可以让长的文章更易行走(在浏览器中)。如:

    <a name="begin" href="#end">我是「begin」,先点击我!</a>
    <a name="end" href="#begin">我是「end」,再点击我!</a>
    <a href="https://gearkey.lofter.com/post/1cb86476_a2c7598/#lofter">《博客HTML编辑细节·Lofter》</a>

    效果如下:
    我是「begin」,先点击我!
    我是「end」,再点击我!
    《博客HTML编辑细节·Lofter》


  • 列表

    <ul><li>You


    </li><li>Me


    </li></ul>

    这是一个无序列表,你可以看到我正用它排版这里的内容。
    (自认为格式这样写可以更轻松些。)

  • 字体
    这是加粗(Bold): <b> </b>
    这是删除线: <strike> </strike>
    这是下划线(Underline): <u> </u>

    实际上,就Lofter默认的来说,其实是一般:
    加粗(Bold): <strong></strong>
    删除线: <span style="text-decoration:line-through"></span>
    下划线: <span style="text-decoration:underline;"></span>

    尽管它比较长,但在Lofter里,推荐这里说的方案。
    <strike>标签已过时,现在不赞成使用它。(自担风险)


  • 「<!-- -->」是注释标签。可以容纳不想正式发表的草稿或其他内容。
    发布时会剔除这里面的内容,是很有用的。

  • 「<hr/>」是分割线,Lofter不可用。

  • 「<img src="URL"/>」是图片标签。
    如果不是纯手机操作,一般不用手动打。

    「URL」填图片地址。

    一般来说,尽量引用本站图片。
    像百度做了保护,其站内图片在外站不可使用。


  • 尖括号输出:
    「& lt;」和「& gt;」(去掉空格)
    分别对应「<」和「>」


然后小Gi的建议是,适当使用标签、缩进以表明嵌套层级。
毕竟直接用HTML标签比Markdown不易读许多。

一般来说,内容最好能够独立于载体。
比如我所有文章都储存为txt文件,Lofter只是可以使用的一个载体。
万一网易倒闭了,其内容还是可以保留下来的。

《Lofter小笔记》

附录·标签一览

基本
<br/>
<p></p>

<blockquote></blockquote>

<a href=""></a>

增强
<!-- -->
<hr/>
<img src=""/>

无序列表
<ul><li>

</li><li>

</li></ul>

有序列表
<ol><li>

</li><li>

</li></ol>

字体
<b></b>
<strike></strike>
<u></u>

表格
<table border="4">
<tr><th>

</th><th>

</th></tr>
<tr><td>

</td><td>

</td></tr>
<tr><td>

</td><td>

</td></tr>
</table>

<caption></caption>
<th colspan="2">
<th rowspan="2">

《HTML速查手册》 - w3school

--- Gearkey.tk ---
评论
热度(134)
  1. 共5人收藏了此文字
只展示最近三个月数据

© 齿轮key(关注罗小黑战记吧喵 | Powered by LOFTER