documentation.HELP! HTML文件的基本结构 Documentation

中文繁简转换

HTML文件的基本结构

previous page next page

中文繁简转换

</div> <div class="calibreEbNav"> <a href="tools.html" class="calibreAPrev">previous page</a> <a href="./" class="calibreAHome"> start</a> <a href="tools-ncr.html" class="calibreANext"> next page</a> </div> </div> </table> </div> </section> <!-- Section <section> <header class="major"> <h2>Ipsum sed dolor</h2> </header> <div class="posts"> <article> <a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a> <h3>Interdum aenean</h3> <p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.</p> <ul class="actions"> <li><a href="#" class="button">More</a></li> </ul> </article> <article> <a href="#" class="image"><img src="images/pic02.jpg" alt="" /></a> <h3>Nulla amet dolore</h3> <p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.</p> <ul class="actions"> <li><a href="#" class="button">More</a></li> </ul> </article> <article> <a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a> <h3>Tempus ullamcorper</h3> <p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.</p> <ul class="actions"> <li><a href="#" class="button">More</a></li> </ul> </article> <article> <a href="#" class="image"><img src="images/pic04.jpg" alt="" /></a> <h3>Sed etiam facilis</h3> <p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.</p> <ul class="actions"> <li><a href="#" class="button">More</a></li> </ul> </article> <article> <a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a> <h3>Feugiat lorem aenean</h3> <p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.</p> <ul class="actions"> <li><a href="#" class="button">More</a></li> </ul> </article> <article> <a href="#" class="image"><img src="images/pic06.jpg" alt="" /></a> <h3>Amet varius aliquam</h3> <p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.</p> <ul class="actions"> <li><a href="#" class="button">More</a></li> </ul> </article> </div> </section> --> </div> </div> <!-- Sidebar --> <!-- Sidebar --> <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> --> <!-- Menu --> <nav id="menu"> <header class="major"> <h2>Menu</h2> </header> <ul> <li><a href="https://documentation.help/">Homepage</a></li> <!-- <li> <span class="opener">Approved Vehicles</span> <ul> <li><a href="#">Motorcycles</a></li> <li><a href="#">On-Road Vehicles</a></li> <li><a href="#">Off-Road Vehicles</a></li> <li><a href="#">Compression Engines</a></li> </ul> </li> <li><a href="https://arb.parts/Contact-Us">Contact Us</a></li> <li><a href="https://arb.parts/About-Us">About Us</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> </div> </nav> <!-- Section <section> <header class="major"> <h2>Ante interdum</h2> </header> <div class="mini-posts"> <article> <a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a> <p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p> </article> <article> <a href="#" class="image"><img src="images/pic08.jpg" alt="" /></a> <p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p> </article> <article> <a href="#" class="image"><img src="images/pic09.jpg" alt="" /></a> <p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p> </article> </div> <ul class="actions"> <li><a href="#" class="button">More</a></li> </ul> </section> --> <!-- Section --> <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 --> <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"> <!-- <li><a href="https://twitter.com/ca_carb" class="icon fa-twitter"><span class="label">Twitter</span></a></li> <li><a href="http://fb.me/carbparts" class="icon fa-facebook"><span class="label">Facebook</span></a></li> <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>--> </ul> </footer> </div> </div> </div> <!-- Scripts --> <script src="/assets/js/jquery.min.js"></script> <script src="/assets/js/skel.min.js"></script> <script src="/assets/js/util.js"></script> <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]--> <script src="/assets/js/main.js"></script> </body> </html> <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="8813a9f92a3421e3ca615ecf-|49" defer></script>