高级代码编辑器

HTML文件的基本结构

脚本代码编辑器 V2.0 推荐使用IE

<fieldset class="calibre566"><legend>代码控制</legend> <input onclick="document.getElementById('CodeArea').value += paste(2)" type="button" value=""/>
<input onclick="document.getElementById('CodeArea').value += paste(1)" type="button" value=""/>
<input onclick="document.getElementById('CodeArea').value += paste(3)" type="button" value=""/>
<input onclick="CheckLength()" type="button" value=""/></fieldset>
<fieldset class="calibre566"><legend>编码转换</legend> <input onclick="utf(CodeArea,this,0)" type="button" value=""/>
<input onclick="utf(CodeArea,this,1)" type="button" value=""/>  <input onclick="Casing(0)" type="button" value=""/> <input onclick="Casing(1)" type="button" value=""/> <input onclick="Casing(2)" type="button" value=""/> <input onclick="Casing(3)" type="button" value=""/> <input onclick="StranIt(1)" type="button" value=""/>
<input onclick="StranIt(0)" type="button" value=""/> </fieldset>
<fieldset class="calibre566"><legend>代码格式化</legend> <input onclick="HTMLCODE()" type="button" value="HtmlCode"/>
<input onclick="toubb()" type="button" value="UbbCode"/> <input onclick="toHTML()" type="button" value="XHTML"/> <input onclick="toDoc()" type="button" value="JS"/> <input onclick="toAsp()" type="button" value="ASP"/> <input onclick="AddJs()" type="button" value=""/></fieldset>
<fieldset class="calibre566"><legend>代码加解密</legend> 长度：<input size="6" value="0" name="len"/> <input onclick="getPass(len.value)" type="button" value=""/> <input onclick="calcMD5()" type="button" value=""/> <input onclick="Escaping(1)" type="button" value="Escape"/>
<input onclick="Escaping(0)" type="button" value="UnEsca"/> <input onclick="EnCoding(1)" type="button" value=""/> <input onclick="EnCoding(0)" type="button" value=""/> </fieldset>
<fieldset class="calibre566"><legend>代码调试</legend> <input onclick="runEx()" type="button" value=""/>
<input onclick="CodeObj.select()" type="button" value=""/> <input onclick="CodeObj.value=''" type="button" value=""/>

</fieldset> </center>
<hr class="calibre371"/>
<fieldset class="calibre567"><legend><span class="calibre568">操作提示</span></legend>
<ul class="calibre93">
<li class="calibre19">加密时应只加密脚本部分，不加密脚本标记<Script Language="JavaScript"> 
  </li><li class="calibre19">并且加密后脚本标记应改为：<Script Language="JScript.Encode"> 
  </li><li class="calibre19">UBB只适于支持UBB代码的BBS程序，并不适于编制网页 
  </li><li class="calibre19">密码生成器长度设定不要过高，否则可能会引起IE死机，除非你拥有一块足够强大的CPU ^-^ 
  </li><li class="calibre19">转换为UTF-8代码可以避免在不同语言的操作系统上乱码的情况，但不是所有操作系统都支持此编码 
  </li><li class="calibre19">简繁体转换功能只对字符进行转换并不会改变内码 
  </li><li class="calibre19">加密功能可能需要较高的浏览权限，如果无法使用请将本站加入可信任站点即可 </li></ul></fieldset>
<hr class="calibre371"/>
<p class="calibre569">基于JavaScript技术构建 请使用MSIE6以上版本浏览</p>

</div>

<div class="calibreEbNav">
    
      <a href="tools-ncr.html" class="calibreAPrev">previous page</a>

<a href="./" class="calibreAHome"> start</a>

</div>

</table>
</div>
								</section>

</div>
					</div>

<div id="sidebar">
                                                <div class="inner">
                                                        <!-- Search 
                                                                <section id="search" class="alt">
                                                                                <form method="get" action="https://arb.parts/eo-search.php">
                                                                                <input type="text" name="executiveorder" id="eo" placeholder="E.O. Number" />
                                                                                <input type="submit" value="Search E.O." /></form>

</section>
							-->
                                                        
                                                                <nav id="menu">
                                                                        <header class="major">
                                                                                <h2>Menu</h2>
                                                                        </header>
                                                                        <ul>
                                                                                <li><a href="https://documentation.help/">Homepage</a></li> 
                                                                        </ul>
								<div><div class="calibreTocIndex">
        <h2> Table of contents</h2>
        <div>
  <ul>
    <li>
      <a href="default.html">HTML参考手册</a>
      <ul>
        <li>
          <a href="cover.html">关于...</a>
          <ul>
            <li>
              <a href="about.html">前言</a>
            </li>
            <li>
              <a href="about-book.html">编写体例</a>
            </li>
            <li>
              <a href="about-usage.html">使用说明</a>
            </li>
            <li>
              <a href="about-me.html">关于作者</a>
            </li>
            <li>
              <a href="about-ref.html">参考文献</a>
            </li>
          </ul>
        </li>
        <li>
          <a href="html1.html">认识HTML</a>
          <ul>
            <li>
              <a href="html-01.html">什么是HTML</a>
            </li>
            <li>
              <a href="html-02.html">HTML的发展</a>
            </li>
            <li>
              <a href="html-03.html">HTML4.01的新突破</a>
            </li>
            <li>
              <a href="html-04.html">HTML的设计原则</a>
            </li>
            <li>
              <a href="html-05.html">HTML文件的编写方法</a>
            </li>
            <li>
              <a href="html-06.html">HTML文件的基本结构</a>
            </li>
            <li>
              <a href="html-07.html">标签、元素、属性和属性值</a>
            </li>
            <li>
              <a href="html-08.html">元素分类</a>
            </li>
            <li>
              <a href="html-09.html">标准属性</a>
            </li>
            <li>
              <a href="html-10.html">元素的属性值分类</a>
            </li>
            <li>
              <a href="html-11.html">特殊字符</a>
            </li>
            <li>
              <a href="html-12.html">HTML注释</a>
            </li>
          </ul>
        </li>
        <li>
          <a href="xhtml.html">认识XHTML</a>
          <ul>
            <li>
              <a href="xhtml-01.html">什么是XHTML</a>
            </li>
            <li>
              <a href="xhtml-02.html">XHTML的版本</a>
            </li>
            <li>
              <a href="xhtml-03.html">XHTML的组成</a>
            </li>
            <li>
              <a href="xhtml-04.html">HTML与XHTML的区别</a>
            </li>
          </ul>
        </li>
        <li>
          <a href="elements.html">HTML元素参考</a>
          <ul>
            <li>
              <a href="overview.html">整体构造元素</a>
              <ul>
                <li>
                  <a href="overview-html.html">html: 根元素</a>
                </li>
                <li>
                  <a href="overview-head.html">head: 文档头部信息</a>
                </li>
                <li>
                  <a href="overview-title.html">title: 文档标题信息</a>
                </li>
                <li>
                  <a href="overview-meta.html">meta: 元信息定义</a>
                </li>
                <li>
                  <a href="overview-address.html">address: 作者的联系信息</a>
                </li>
                <li>
                  <a href="overview-body.html">body: 文档主体</a>
                </li>
                <li>
                  <a href="overview-div.html">div: 通用块级元素</a>
                </li>
                <li>
                  <a href="overview-span.html">span: 通用行内元素</a>
                </li>
                <li>
                  <a href="overview-hn.html">h1到h6: 标题级别元素</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="text.html">文字元素</a>
              <ul>
                <li>
                  <a href="text-abbr.html">abbr: 缩写文本</a>
                </li>
                <li>
                  <a href="text-acronym.html">acronym: 首字母缩写</a>
                </li>
                <li>
                  <a href="text-em.html">em: 强调内容</a>
                </li>
                <li>
                  <a href="text-strong.html">strong: 加重强调内容</a>
                </li>
                <li>
                  <a href="text-dfn.html">dfn: 定义实例</a>
                </li>
                <li>
                  <a href="text-kbd.html">kbd: 键盘文字输入</a>
                </li>
                <li>
                  <a href="text-samp.html">samp: 范例输出</a>
                </li>
                <li>
                  <a href="text-code.html">code: 计算机代码输出</a>
                </li>
                <li>
                  <a href="text-var.html">var: 变量与自变量实例</a>
                </li>
                <li>
                  <a href="text-cite.html">cite: 引证、引用</a>
                </li>
                <li>
                  <a href="text-blockquote.html">blockquote: 长引用</a>
                </li>
                <li>
                  <a href="text-q.html">q: 短引用</a>
                </li>
                <li>
                  <a href="text-sup.html">sup: 上标</a>
                </li>
                <li>
                  <a href="text-sub.html">sub: 下标</a>
                </li>
                <li>
                  <a href="text-p.html">p: 段落</a>
                </li>
                <li>
                  <a href="text-br.html">br: 强制换行</a>
                </li>
                <li>
                  <a href="text-ins.html">ins: 插入编辑文字</a>
                </li>
                <li>
                  <a href="text-del.html">del: 删除编辑文字</a>
                </li>
                <li>
                  <a href="text-pre.html">pre: 预格式化文本</a>
                </li>
                <li>
                  <a href="text-plaintext.html">plaintext: 普通文本（忽略HTML标签）</a>
                </li>
                <li>
                  <a href="text-xmp.html">xmp: 示例文字（忽略HTML标签</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="style.html">样式与配置元素</a>
              <ul>
                <li>
                  <a href="style-b.html">b: 粗体字</a>
                </li>
                <li>
                  <a href="style-i.html">i: 斜体字</a>
                </li>
                <li>
                  <a href="style-big.html">big: 大字体</a>
                </li>
                <li>
                  <a href="style-small.html">small: 小字体</a>
                </li>
                <li>
                  <a href="style-strike.html">strike: 删除线文字</a>
                </li>
                <li>
                  <a href="style-s.html">s: 删除线文字</a>
                </li>
                <li>
                  <a href="style-u.html">u: 下划线文字</a>
                </li>
                <li>
                  <a href="style-tt.html">tt: 打字机或等宽文本样式</a>
                </li>
                <li>
                  <a href="style-basefont.html">basefont: 基准字体设置</a>
                </li>
                <li>
                  <a href="style-font.html">font: 字体设置</a>
                </li>
                <li>
                  <a href="style-center.html">center: 居中对齐</a>
                </li>
                <li>
                  <a href="style-hr.html">hr: 插入水平线</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="link.html">链接元素</a>
              <ul>
                <li>
                  <a href="link-a.html">a: 锚元素</a>
                </li>
                <li>
                  <a href="link-link.html">link: 文件资源关联</a>
                </li>
                <li>
                  <a href="link-base.html">base: 文件链接基准</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="list.html">列表元素</a>
              <ul>
                <li>
                  <a href="list-ul.html">ul: 无序列表 </a>
                </li>
                <li>
                  <a href="list-ol.html">ol: 有序列表</a>
                </li>
                <li>
                  <a href="list-li.html">li: 列表项目</a>
                </li>
                <li>
                  <a href="list-dl.html">dl: 定义列表</a>
                </li>
                <li>
                  <a href="list-dt.html">dt: 定义列表的项目</a>
                </li>
                <li>
                  <a href="list-dd.html">dd: 定义列表的说明</a>
                </li>
                <li>
                  <a href="list-dir.html">dir: 目录列表</a>
                </li>
                <li>
                  <a href="list-menu.html">menu: 菜单列表</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="img.html">图像与对象元素</a>
              <ul>
                <li>
                  <a href="img-img.html">img: 插入图片</a>
                </li>
                <li>
                  <a href="img-object.html">object: 嵌入对象</a>
                </li>
                <li>
                  <a href="img-param.html">param: 对象的参数</a>
                </li>
                <li>
                  <a href="img-applet.html">applet: 嵌入Java小程序</a>
                </li>
                <li>
                  <a href="img-map.html">map: 客户端图像映射</a>
                </li>
                <li>
                  <a href="img-area.html">area: 图像映射的区域</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="table.html">表格元素</a>
              <ul>
                <li>
                  <a href="table-table.html">table: 建立表格</a>
                </li>
                <li>
                  <a href="table-tr.html">tr: 表格行</a>
                </li>
                <li>
                  <a href="table-th.html">th: 表格标题单元格</a>
                </li>
                <li>
                  <a href="table-td.html">td: 表格单元格</a>
                </li>
                <li>
                  <a href="table-caption.html">caption: 表格的标题</a>
                </li>
                <li>
                  <a href="table-thead.html">thead: 表格表头</a>
                </li>
                <li>
                  <a href="table-tbody.html">tbody: 表格主体</a>
                </li>
                <li>
                  <a href="table-tfoot.html">tfoot: 表格页底</a>
                </li>
                <li>
                  <a href="table-col.html">col: 表格列属性设置</a>
                </li>
                <li>
                  <a href="table-colgroup.html">colgroup: 表格列编组</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="form.html">表单元素</a>
              <ul>
                <li>
                  <a href="form-form.html">form: 建立表单</a>
                </li>
                <li>
                  <a href="form-input.html">input: 表单输入域</a>
                </li>
                <li>
                  <a href="form-button.html">button: 按钮</a>
                </li>
                <li>
                  <a href="form-select.html">select: 选择列表</a>
                </li>
                <li>
                  <a href="form-option.html">option: 选择列表的项目</a>
                </li>
                <li>
                  <a href="form-optgroup.html">optgroup: 选项的分组</a>
                </li>
                <li>
                  <a href="form-isindex.html">isindex: 搜索输入框</a>
                </li>
                <li>
                  <a href="form-textarea.html">textarea: 多行文本框</a>
                </li>
                <li>
                  <a href="form-label.html">label: 表单区域标签</a>
                </li>
                <li>
                  <a href="form-fieldset.html">fieldset: 表单区域分组</a>
                </li>
                <li>
                  <a href="form-legend.html">legend: 表单区域组标题</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="frame.html">框架元素</a>
              <ul>
                <li>
                  <a href="frame-frameset.html">frameset: 定义框架</a>
                </li>
                <li>
                  <a href="frame-frame.html">frame: 框架内容</a>
                </li>
                <li>
                  <a href="frame-noframes.html">noframes: 不支持框架时的替换内容</a>
                </li>
                <li>
                  <a href="frame-iframe.html">iframe: 内嵌式框架</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="ruby.html">注音标注元素</a>
              <ul>
                <li>
                  <a href="ruby-ruby.html">ruby: 注音标注</a>
                </li>
                <li>
                  <a href="ruby-rb.html">rb: 注音标注的对象</a>
                </li>
                <li>
                  <a href="ruby-rt.html">rt: 标注文字</a>
                </li>
                <li>
                  <a href="ruby-rp.html">rp: 标注无法对应时显示的括号</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="other.html">其它元素</a>
              <ul>
                <li>
                  <a href="other-style.html">style: 样式信息</a>
                </li>
                <li>
                  <a href="other-script.html">script: 脚本语言</a>
                </li>
                <li>
                  <a href="other-noscript.html">noscript: 不支持脚本时的替换内容</a>
                </li>
                <li>
                  <a href="other-bdo.html">bdo: 改变文字显示方向</a>
                </li>
                <li>
                  <a href="other-nobr.html">nobr: 禁止断行</a>
                </li>
                <li>
                  <a href="other-wbr.html">wbr: 可以断行处</a>
                </li>
                <li>
                  <a href="other-marquee.html">marquee: 跑马灯</a>
                </li>
                <li>
                  <a href="other-blink.html">blink: 闪烁文字</a>
                </li>
                <li>
                  <a href="other-bgsound.html">bgsound: 背景音乐</a>
                </li>
                <li>
                  <a href="other-embed.html">embed: 内嵌对象</a>
                </li>
                <li>
                  <a href="other-noembed.html">noembed: 不支持embed时的替换内容</a>
                </li>
                <li>
                  <a href="other-comment.html">comment: HTML的注释</a>
                </li>
              </ul>
            </li>
          </ul>
        </li>
        <li>
          <a href="index.html">索引</a>
          <ul>
            <li>
              <a href="index-elements.html">HTML4元素索引</a>
            </li>
            <li>
              <a href="index-attributes.html">HTML4属性索引</a>
            </li>
            <li>
              <a href="index-tag_attr.html">浏览器与元素、属性对照表</a>
            </li>
            <li>
              <a href="index-loosedtd.html">HTML4.01 Transitional DTD</a>
            </li>
            <li>
              <a href="index-dtd.html">HTML4.01 Strict DTD</a>
            </li>
            <li>
              <a href="index-css.html">CSS简明语法速查</a>
            </li>
            <li>
              <a href="index-javascript.html">JavaScript简明参考</a>
            </li>
            <li>
              <a href="index-glossary.html">W3C专业术语翻译对照表</a>
            </li>
          </ul>
        </li>
        <li>
          <a href="appendix.html">附录</a>
          <ul>
            <li>
              <a href="appendix-color.html">颜色对照表</a>
            </li>
            <li>
              <a href="appendix-lang.html">语言代码</a>
            </li>
            <li>
              <a href="appendix-charset.html">字符集识别</a>
            </li>
            <li>
              <a href="appendix-iso_latin1.html">ISO Latin-1字符集</a>
            </li>
            <li>
              <a href="appendix-addition.html">HTML附加命名实体</a>
            </li>
            <li>
              <a href="appendix-symbol.html">特殊文本和BIDI文本的字符实体</a>
            </li>
            <li>
              <a href="appendix-mime.html">IIS中的MIME类型</a>
            </li>
          </ul>
        </li>
        <li>
          <a href="docs.html">参考资料</a>
          <ul>
            <li>
              <a href="docs-web_img.html">常见的Web图像格式</a>
            </li>
            <li>
              <a href="docs-uri.html">URI简介</a>
            </li>
            <li>
              <a href="docs-url.html">URL简介</a>
            </li>
            <li>
              <a href="docs-css.html">CSS简介</a>
            </li>
            <li>
              <a href="docs-javascript.html">JavaScript简介</a>
            </li>
            <li>
              <a href="docs-accessbility.html">主页可用性的113条原则</a>
            </li>
            <li>
              <a href="docs-web2dot0.html">Web 2.0</a>
            </li>
            <li>
              <a href="docs-micro_format.html">微格式</a>
            </li>
          </ul>
        </li>
        <li>
          <a href="tools.html">HTML工具</a>
          <ul>
            <li>
              <a href="tools-fanjian.html">中文繁简转换</a>
            </li>
            <li>
              <a href="tools-ncr.html">字符实体解码转换工具</a>
            </li>
            <li>
              <a href="tools-advanced_code.html">高级脚本代码编辑器</a>
            </li>
            <li>
              <a href="tools-runcode.html">JS、HTML代码运行工具</a>
            </li>
            <li>
              <a href="tools-color_selector.html">HTML颜色调色板</a>
            </li>
          </ul>
        </li>
      </ul>
    </li>
  </ul>
</div>

</div>

</nav>

<section>
                                                                        <header class="major">
                                                                                <h2>Get in touch</h2>
                                                                        </header>
                                                                        <p>Submit feedback about this site to:</p>
                                                                        <ul class="contact">
                                                                                <li class="fa-envelope-o"><a href="mailto:helpdocs@rehmann.co">helpdocs@rehmann.co</a></li>
                                                                        </ul>
                                                                </section>

<footer id="footer">
                                                                        <p class="copyright">© <a href="https://documentation.help">documentation.help</a>. Design: <a href="https://rehmann.co">rehmann.co</a>.</p>
                                                                        <ul class="icons">
										
                                                                        </ul>
                                                                </footer>

</div>
                                        </div>

</div>

<script src="/assets/js/jquery.min.js"></script>
                        <script src="/assets/js/skel.min.js"></script>
                        <script src="/assets/js/util.js"></script>
                        
                        <script src="/assets/js/main.js"></script>

</body>
</html>