仓库源文站点原文


layout: post title: 科学网博客HTML代码发布不完全解决方案 categories:


2012-07-21 16:29:14

上次说到未发现科学网博客支持HTML代码发布, 可我有时候却需要这个功能, 特别是想精确控制一些显示效果的时候. 目前看来这个功能一时半会是用不上的. 那怎么办呢?幸好, 我发现博客支持Word格式的发布(虽然也问题多多), 那我们可以绕个弯, 先用Word打开HTML代码, 然后复制粘贴, 直接发布. 可惜的是, 虽然绕了一个弯, 却仍然只是个不完全解决方案, 因为科学网对Word格式的支持不完全, 对HTML代码的支持也不完全. 聊胜于无吧. 如果有谁发现了更好的方法, 欢迎指教. 以下是代码发布测试, 可以看下效果. 当然, 如果你真正发布的时候, 最好把上面的那些Word代码删掉. 这些代码你粘贴进去的时候看不到, 等发布出来才出现, 你要做的就是重新打开修改, 然后删除, 重新发布.

<hr/> 这是HTML代码测试.

<h1>我是H1. I am h1.</h1>

<h2>我是H2. I am h2.</h2>

<h3>我是H3. I am h3.</h3>

<h4>我是H4. I am h4.</h4>

<h5>我是H5. I am h5.</h5>

<hr/>

<p> 我是新段落, 包含换行符. I am p with <br/>. </p>

<hr />

<p> <font face="宋体">我是宋体. </font>

<font face="黑体">我是黑体. </font>

<font face="楷体_GB2312">我是楷体. </font>

<font face="仿宋_GB2312">我是仿宋</font>

<font face="隶书">我是隶书. </font>

<font face="幼圆">我是幼圆. </font> </p> <font face="Arial">I am Arial. 0Oo 1lIiL 2zZ</font>

<font face="Arial Narrow">I am Arial Narrow. 0Oo 1lIiL 2zZ</font>

<font face="Arial Black">I am Arial Balck. 0Oo 1lIiL 2zZ</font>

<font face="Comic Sans MS">I am Comic Sans MS. 0Oo 1lIiL 2zZ</font>

<font face="Courier">I am Courier. 0Oo 1lIiL 2zZ</font>

<font face="System">I am System. 0Oo 1lIiL 2zZ</font>

<font face="Times New Roman">I am Times New Roman. 0Oo 1lIiL 2zZ</font>

<font face="Verdana">I am Verdana. 0Oo 1lIiL 2zZ</font>

<font face="Courier New">I am Courier New. 0Oo 1lIiL 2zZ</font>

<font face="FixedSys">I am FixedSys. 0Oo 1lIiL 2zZ</font>

<p> <font size="1">我是极小. I am Tiny.</font>

<font size="2">我是特小. I am Little.</font>

<font size="3">我是小. I am small.</font>

<font size="4">我是中. I am Medium.</font>

<font size="5">我是大. I am Big.</font> </p>

<p> <strong>我是粗体. I am strong.</strong>

<em>我是斜体. I am em.</em>

<b>我是粗体. I am b.</b>

<i>我是斜体. I am i.</i>

<u>我是下划线. I am u.</u> </p>

<hr />

<p> <font color="#276904">字符</font> <font color="#ff0000">红字符</font> <font color="#00FF00">绿字符</font> <font color="#0000FF">蓝字符</font> <span style="background-color: #FAFFD0">背景</span> <span style="background-color: #ff0000">红背景</span> <span style="background-color: #00ff00">绿背景</span> <span style="background-color: #0000ff">蓝背景</span> </p>

<hr />

<p align="left">左对齐</p>

<p align="center">中对齐</p>

<p align="right">右对齐</p>

<p align="justify">分散对齐</p>

<hr /> <ol> 数字编号ol <li>我是数字编号li</li> <li>我也是数字编号li</li> <li>我还是数字编号li</li> </ol>

<ul> 符号编号ul <li>我是符号编号li</li> <li>我也是符号编号li</li> <li>我还是符号编号li</li> </ul>

<hr/>

我没有缩进.

<blockquote>我是缩进blockquote. </blockquote>

<p style="margin-left: 40px"> 我是缩进margin-left. </p>

<hr/>

<p> <a href="http://blog.sciencenet.cn/u/Jerkwin">我是超链接. I am a.</a> </p>

<hr/>

我是3×3表格table, tr3×td3.

<table cellspacing="1" cellpadding="1" border="5" style="width: 200px;"> <tr> <td>a<sup>11</sup></td> <td>a<sub>12</sub></td> <td>a<sub>13</sub></td> </tr> <tr> <td>a<sub>21</sub></td> <td>a<sup>22</sup></td> <td>a<sub>23</sub></td> </tr> <tr> <td>a<sub>31</sub></td> <td>a<sub>32</sub></td> <td>a<sup>33</sup></td> </tr> </table>

<hr/>

我是表单

<p> <input type="text" id="" /> </p>

<p> <textarea id="" rows="3" cols="30">我是textarea. </textarea> </p>

<fieldset style="padding: 2"> <legend>我是fieldset. </legend> </fieldset>

<input type="checkbox" id="" />

<input type="radio" id="" />

<select size="1" id=""></select>

<input type="button" value="我是input button" id="">

<button id="">我是button. </button><form method="post" action=""> <input type="submit"><input type="reset"></form>