Mr.Henry

有故事,我也许没有酒,但有茶。

使用HTML标签排版

Lofter by Gearkey:

v1.3 / Gearkey
 
尽管现在也有更先进的Markdown,但就Lofter等一众还是用着HTML标签,所以实用性应该还可以。 
目的还在于推广,入门级,希望有帮助吧。 
 
关于HTML标签,下面的链接已经说得差不多,但如果我们仅用于写博,不需要太复杂。 
→  HTML标签 - 百度百科 
 
 
  • 首先,「<br/>」标签被用来换行。

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

    → 《博文编辑细节·Lofter》

  • 「<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">《博文编辑细节·Lofter》</a>     
        
        
     效果如下:    
         我是「begin」,先点击我!    
         我是「end」,再点击我!    
         《博文编辑细节·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>    
        
     但,在日常使用中,这些似乎长了点…所以,萝卜白菜吧。    
       


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

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

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

    「URL」填图片地址。
       

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


 
然后我的建议是,适当使用标签、减少嵌套层级。 
毕竟直接用HTML标签比Markdown不易读许多。 
而且层级过多看起来更容易混乱。 
 
一般来说,内容最好能够独立于载体。 
    比如我所有文章都储存为txt文件,Lofter只是可以使用的一个载体。   
万一网易倒闭了(当然我们不希望),其内容还是可以保留下来的。 
 
尽管之前也说,想是去推广,但更多人是更随意地使用(这其实是符合Lofter精神的吧)。 
如果喜欢用HTML标签的人多了,是会增色不少呢,还是古板的人更多了,不得而知。(耸肩) 
 
 
附录·标签一览 
 
  
基本  
<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 
评论
热度 ( 135 )
  1. 共5人收藏了此文字
只展示最近三个月数据

© Mr.Henry | Powered by LOFTER