html格式化是什么意思

html-css012

html格式化是什么意思,第1张

html格式化标签有这么多,整理了一下,如下:

<b> 定义粗体文本。

<big> 定义大号字。

<em> 定义着重文字。

<i> 定义斜体字。

<small> 定义小号字。

<strong> 定义加重语气。

<sub> 定义下标字。

<sup> 定义上标字。

<ins> 定义插入字。

<del> 定义删除字。

<code> 定义计算机代码。

<kbd> 定义键盘码。

<samp> 定义计算机代码样本。

<tt> 定义打字机代码。

<var> 定义变量。

<pre> 定义预格式文本。

<abbr> 定义缩写。

<acronym> 定义首字母缩写。

<address> 定义地址。

<bdo> 定义文字方向。

<blockquote> 定义长的引用。

<q> 定义短的引用语。

<cite> 定义引用、引证。

<dfn> 定义一个定义项目。

下面是通过常用的notepad++工具进行html代码格式化。

工具:notepad++ 、tidy2插件

步骤:

一、打开notepad++ ,选择插件(P)——Plugin Manager——Show Plugin Manager。

二、在插件列表中勾选tidy2,点击install。

三、完成第二步的安装后,软件会自动重启后在菜单“插件”下多一个“Tidy2”项。现在就可以根据自己的需要对html进行格式化了。(如果按照失败,可以直接手动安装)

手动安装方法:直接下载tidy.dll文件,放入notepad++ 的安装目录下的 \plugins 文件夹下。然后重启notepad++软件即可。(dll文件一般会被杀毒软件认为是病毒,所以可以先关掉杀软,或直接让其信任)

1、先打开Brackets编辑器,左边是目录,右边是代码区。

打开一个HTML文件,右上角有个闪电样子的图标就是实时预览功能,需要电脑中安装Chrome浏览器

2、其他的编辑器比如sublime之所以强大是因为有很多插件的支持,可以打造最适合自己的编辑器,那Brackets的插件:

点击文件--扩展管理器

可以看到里面有很多插件

3、而格式化代码是比较常用的功能,先模糊搜索一下里面有没有,输入format关键字搜索,看见的第一个插件Beautify,听起来挺不错,再看下介绍:Format JavaScript, HTML, and CSS files,正是我们需要的,快点安装

4、安装完成先别着急关掉扩展管理器,点击Beautify的更多信息,进入它在github的主页,往下看可以看到这样一行字:

Format HTML, CSS, and JavaScript files by Edit >Beautify menu or Cmd-Alt-L(Mac) / Ctrl-Alt-L(Win) key.

也就是说从Edit-Beautify可以找到它,而且快捷键是Ctrl+Alt+L

5、因为是ubuntu系统,Ctrl+Alt+L默认是锁屏的快捷键,跟它有冲突,所以按下后直接就锁屏了,再看一下编辑中的选项,发现不但有个Beautify还有个Beautify On Save,也即保存后就自动格式化,把它勾上,最后把写好的代码故意打乱,自己试试看