如何快速书写html代码

1.自己写的页面代码，（最好是吧html文件和css文件分开哦，这样浏览器运行的快），简单的自己可以整理好，如果太长了那就按ctrl+a全选，再按ctrl+c复制

2.打开浏览器（要能上网的前提下哦），点百度在搜索栏写“Html在线美化压缩/转js"，点击搜索····

3.进入页面后，你可以看到如下面的图片显示的页面，看好上面的网址末尾是html哦，然后将文本框里面的内容删掉，并把你刚才复制的全部代码粘贴到下面的编辑文本框（ctrl+v）.

4.复制完后，点击下面的美化，完了之后编辑文本框中显示的代码就是美化后的，你可以继续进行--全选（ctrl+a）--复制（ctrl+c）,用这些代码全部替换你原来的代码，你的html代码结构就很清楚了，而且也利于修改啦~~

5.如果你还想修改你的css代码，你可以将如下图所示的地方修改成“css”然后（回车）即可看到如下面所示的图片的页面

6.然后你就按之前说的将你的css代码全部放到这个编辑文本框中，你可以进行文本框下面的 *** 作，不同的 *** 作对应的样式也是不一样的，具体如下图所示喔~~

7.其实”净化“和”整理“是很像的就是最后一个css只是否多个”；“，整理时有分号的，净化是没有的（小伙伴要看仔细咯），如果没有看清楚，可以返回上步仔细看，也可以自己亲自试试

HTML是用来做网站的一种语言哈，就是在html里面改变图片的大小就要改变文件代码，打开图片源代码，图片文件的大小是height，和宽，我们可以更改，在语言中我们需要设置的都是英文的。

现在压缩工具将图片缩小之后都会对画质有影响，压缩图片文件选择压缩工具页面中的普通压缩就可以了压缩程度不要过大，找到图片压缩工具，图片要放置在工具页面上进行数据分析，根据图片的大小工具会制定压缩方案。

图片分享论坛却只允许发几百KB的文件；微信、分享给朋友的时候自动压缩的图像都比较模糊

在我们项目中会使用freemark 生成 html，然后用 html 转 pdf。那么美化是必不可少的程序。

可以在style中设置如下属性修改页面大小。可以通过size 设置任意大小的page（不能是百分比），也可以设置标准的页面大小，如 a4, a5, a3, b3, b4, letter, legal,ledger

理论上来说，可以在一个文档中设置不同的页面尺寸。但这个解析器仅仅取第一页的page 的宽度作为 html 中body 的宽度，所以实际上，宽度只能设置一个，高度可以是设置多个。

可以在 @page 属性中设置的当前页的页边距，内边距、背景颜色等。和一般的 html 设置类似。

不过当我这里设置所有边框都为0 时候发现生成的pdf 仍然有边界。其实那是 body 的边距。可以通过下面的方法设置

和页面大小设置相似，这样所有的边距都就没了。这是一个需要注意的地方

这里就不多说了，看我另一篇文章即可。 分页优化

---