如何利用html编辑文章_随笔

使用ckeditor这个插件，就能很方便的在html中编辑文章了，这个富文本编辑器功能很强大

<!DOCTYPE HTML>

<html>

<head>

</head>

$(function(){

editor_content = CKEDITOR.replace('editplace')

})

</script>

html,

body {

margin: 0

padding: 0

}

.demo {}

</style>

<body>

</div>

</body>

</html>

一篇结构清晰的文章通常都有标题和段落，HTML网页也不例外。为了使网页中的文字有条理地显示出来，HTML提供了相应的标记，对它们的具体介绍如下

（1）标题标记<h1>——<h6>

为了使网页更具有语义化，经常会在页面中用到标题标记，HTML提供了6个等级的标题，即<h1>、<h2>.<h3>、<h4>、<h5>和<h6>，从<h1>到<h6>字号依次递减。其基本语法格式如下:

上述语法中n的取值为1-6， align属性为可选属性，用于指定标题的对齐方式，用于标题对齐方式，具体实例代码如下：

默认情况下标题文字是加粗左对齐的，并且从<hb>到<h6字号依次递减。如果想让标题文字右对齐或居中对齐，就需要使用align属性设置对齐方式取值如下

●lef: 设置标题文字左对齐(默认值)。

●center: 设置标题文字居中对齐。

●right: 设置标题文字右对齐。

注意：

1）一个页面中只能使用一个<h1>标记，常常被用在网站的logo部分。

2）由于h标记拥有确切的语义，请慎重选择恰当的标记来构建文档结构。禁止仅仅使用h标记设置文字加粗或更改文字的大小。

（2）段落标记<p>

在网页中要把文字有条理地显示出来，离不开段落标记。就如同平常写文章一样，整个网页也可以分为若干段落，而段落的标记就是<P>。默认情况下，文本在段落中会据浏览器窗口的大小自动换行。<p>是HTML文档中最常见的标记，其基本语法格式如下

上述语法中 align属性为<p>标记的可选属性，和标题标记<h><h6>一样，同样可以使用 align属性设置段落文本的对齐方式。

markdown和 html相比的区别如下：

1、Markdown 是一种用来写作的轻量级「标记语言」，它用简洁的语法代替排版，而不像一般的文字处理软件 Word 或 Pages 有大量的排版、字体设置。它使用户专心于码字，用「标记」语法，来代替常见的排版格式。例如此文从内容到格式，甚至插图，键盘就可以通通搞定。

2、html的语法结构都需要通过手工敲入，最多会自动生成html结构，而且外部样式也是需要加载的。

3、使用 Markdown 的优点

专注文字内容而不是排版样式。

轻松的导出 HTML、PDF 和本身的 .md 文件。

纯文本内容，兼容所有的文本编辑器与字处理软件。

可读，直观。适合所有人的写作语言。

欢迎分享，转载请注明来源：内存溢出

如何利用html编辑文章