2009年8月25日星期二

精品博客

精品博客

如何用记事本写一篇图文并茂的文章？

Posted: 24 Aug 2009 05:16 PM PDT

我之前曾在公司那台不能上网的计算机上用记事本写过不少文章，虽然挺折腾的，但是也学到不少 HTML 知识。

其实，只要认识几个常用的 HTML 标签，就可以在记事本上写一篇图文并茂的文章了，以下是精博常用到的 HTML 标签：

文字常用的 HTML 标签

一、分段

如果你查看某个网页的源代码，就会发现每一个段落的开头和结尾都是 <p> 和 </p>。所以写文章的时候，我先在记事本上粘帖十几个 "<p></p>"，然后再在 <p> 和 </p> 之间输入文字，从而完美地解决分段的问题。

二、副标题

如果文章的结构层次比较复杂，有时候就会用到 <h2> 或者 <h3> 之类的标签，以区别层次关系。不过用了这些标题标签，就不能用 <p> 标签了。

三、加粗

如果要对某些文字进行加粗，就可以在文字的前后加上 <strong> （或者<b>） 标签。

四、超链接

如果要在文字或者图片上添加超链接，就需要用到 <a> 标签。

格式：

?View Code PHP
<a href="http://www.essentialblog.cn">精品博客</a>

效果：

精品博客

如果是一般的纯文字文章，以上四种 HTML 标签应该够用了，如果要添加图片视频或者表格，就需要多折腾几下：

插入多媒体常用的 HTML 标签

五、插入图片

如果要插入一张图片，我使用以下代码格式：

?View Code PHP
 <img src="http://a.jpg" title="B" alt="C" width="540" height="272" class="aligncenter" />

其中：

1、src 表示图片的 URL 地址；

2、title 表示图片的名称，当鼠标移到图片上的时候，title 值就会显示 ；

3、alt 表示图片的替代文字，当图片没有显示的时候，alt 值就会显示；

4、width 表示图片的宽度，height 表示图片的高度，class 表示图片的对齐方式，这些都设置好了，就把图片的位置给定好了，从而有利于提升页面的加载速度；

六、插入视频

这个通常都是把视频的嵌入代码直接复制粘贴下来的。当然，图片 URL 和视频代码都是事前或者事后上网解决的。

插入表格常用的 HTML 标签

七、插入表格

表格比较麻烦，我采用以下的代码格式：

?View Code PHP
 <table width="200" border="1"> <tr> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table>

其中：

1、width 表示表格的宽度，可以根据自己的 WordPress 主题适当调整；

2、border 表示表格边框的尺寸；

3、<tr> 表示行，一对 <tr></tr> 表示一行；

4、<td> 表示列，一对 <td></td> 表示一列。

一篇文章常用的 HTML 标签基本上就这些了，你如果有用到更多 HTML 标签，欢迎分享。

-------------------------------------


© 逛逛精品博客，看看博客精品。| 转载请遵循"署名-非商业性使用"的创作共用协议。
发帖者 时间：

没有评论:

发表评论

订阅： 博文评论 (Atom)