精华内容
下载资源
问答
  • HTML格式规范
    万次阅读
    2019-02-25 15:30:54

    1. 文件

    文件格式

    1. 字符编码 字符编码必须是UTF-8无BOM格式
      • VS Code → 文件首选项设置文件Encodingutf8
    2. 行尾序列 必须设置为Unix (LF)?
      • VS Code → 文件首选项设置文件Eol\n

    文件名称

    文件的名称必须使用英文单词,特殊情况下可使用汉语拼音缩写。

    1. 字母 必须全部小写
      • e.g. sidebar.html
    2. 单词 必须分开并且使用-连接
      • e.g. social-media-widget.html

    目录

    2. 文档设置

    本节展示了完整的HTML文件中所需的主要元素。

    1. 文档描述 必须指定并且应该是HTML5的
      • e.g. <!DOCTYPE html>
    2. 语言 必须定义并且包含在 html 标签中
      • e.g. <html lang="en">
    3. 字符编码 必须指定,并且尽可能在前面定义
      • e.g. <meta charset="utf-8">
    4. Viewport 必须包含
      • e.g. <meta name="viewport" content="width=device-width, user-scalable=no">
    5. 兼容IE设定 必须包含
      • e.g. <meta http-equiv="X-UA-Compatible" content="ie=edge">
    6. title 必须包含
      • e.g. <title>Document</title>
    7. Head and body 必须包含标签
      • e.g. <head></head><body></body>

    目录

    示例

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
    </body>
    </html>

    文档设置

    3. 注释

    本节介绍如何格式化和使用注释。

    1. 单行注释 必须独占一行,内部的文字必须被空格包围
      • e.g. <!-- This is a comment -->
    2. 多行注释 必须在他们自己的行上开始和结束,文字不得缩进
      • i.e. <!-- Line number one Line number two -->
    3. 闭合标签的注释 应该包括类或ID符号和名称
      • e.g. </div><!-- #main-wrapper -->
    4. 敏感信息 禁止出现在注释中
      • e.g. <!-- 此信息发送至 user@domain.com -->

    目录

    1. 单行注释

    单行注释必须独占一行,内部的文字必须被空格包围。

    ✖ 错误

    <!--
    This is a comment
    -->

    ↳ 错误,因为 <!--, This is a comment--> 应该在一行内。

    <!--This is a comment-->

    ↳ 错误,因为 This is a comment 的前后没有被空格包围。

    ✔ 正确

    <!-- This is a comment -->

    2. 多行注释

    多行注释必须在他们自己的行上开始和结束,文字不得缩进

    ✖ 错误

    <!-- This is a comment
    that spans multiple lines
    -->

    ↳ 错误, 因为 <!--This is a comment 在一行上。

    <!--
        This is a comment
        that spans multiple lines
    -->

    ↳ 错误, 因为 This is a commentthat spans multiple lines 存在缩进。

    ✔ 正确

    <!--
    This is a comment
    that spans multiple lines
    -->

    3. 闭合标签的注释

    闭合标签的注释应该包括类或ID符号和名称。

    ✖ 错误

    <div id="main-wrapper">
        ...
    </div><!-- main-wrapper -->

    ↳ 错误, 因为缺少 # 前缀。

    <div id="main-wrapper">
        ...
    </div><!-- .main-wrapper -->

    ↳ 错误, 因为 main-wrapper 前缀为 . 而不是 #.

    ✔ 正确

    <div id="main-wrapper">
        ...
    </div><!-- #main-wrapper -->

    4. 敏感信息

    敏感信息禁止出现在注释中。

    ✖ 错误

    <!-- Some infos come from cookie -->

    ↳ 错误, 因为这里显示了一些信息是从 cookie中来的.

    注释

    4. 格式化

    本节概述了与空格和文本相关的各种常规格式规则。

    1. 行缩进 必须使用四个空格缩进
      • i.e. <ul> ···· <li>
    2. 直接子元素 html, body, stylescript 的直接子元素禁止缩进
      • i.e. <body> <h1></h1> </body>, <head> ···· ... </head>
    3. 块级、列表和表格元素 必须新开一行,并且他们的子元素必须包含在里面
      • i.e. <div> ·wei <h1>, <table> ···· <th>
    4. 尾空格 禁止出现在闭合标签后
      • i.e. 不要 <p></p> · ·
    5. 标签和属性名称 必须全为小写,并且单词之间用短横线连接(kebab-case)
      • e.g. <a href="" title="">, <link rel="stylesheet" href="">

    目录

    1. 行缩进

    行缩进必须使用四个空格缩进。

    ✖ 错误

    <ul>
    	<li>Item number one</li>
    	<li>Item number two</li>
    </ul>

    ↳ 错误, 因为 <li> 使用tab而不是使用空格缩进。

    ✔ 正确

    <ul>
        <li>Item number one</li>
        <li>Item number two</li>
    </ul>

    2. 直接子元素

    html, body, stylescript 的直接子元素禁止缩进。

    ✖ 错误

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <title>Welcome</title>
            <meta charset="utf-8">
            <style>
                #main-wrapper {
                    width: 960px;
                }
            </style>
            <script>
                function show_alert() {
                    ...
                }
            </script>
        </head>
        <body>
            <div id="main-wrapper">
                <h1>Welcome</h1>
                <p>This is a skeleton document.</p>
            </div>
        </body>
    </html>

    ↳ 错误, 因为 <head>, <body><div> 使用了缩进;
    ↳ 错误, 因为 <style><script> 包含的内容使用了缩进。

    ✔ 正确

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <title>Welcome</title>
        <meta charset="utf-8">
        <style>
        #main-wrapper {
            width: 960px;
        }
        </style>
        <script>
        function show_alert() {
            ...
        }
        </script>
    </head>
    <body>
    <div id="main-wrapper">
        <h1>Welcome</h1>
        <p>This is a skeleton document.</p>
    </div>
    </body>
    </html>

    3. 块级、列表和表格元素

    块级、列表和表格元素必须新开一行,并且他们的子元素必须包含在里面。

    ✖ 错误

    <div><p>This is a paragraph.</p></div>
    
    <ul><li>Item one</li><li>Item two</li></ul>
    
    <table><tr><th>Header</th></tr><tr><td>Content</td></tr></table>

    ↳ 错误, 因为 <div>, <ul>, <table><tr> 没有独占一行;
    ↳ 错误, 因为 <p>, <li>, <tr><td> 没有使用缩进。

    ✔ 正确

    <div>
        <p>This is a paragraph.</p>
    </div>
    
    <ul>
        <li>Item one</li>
        <li>Item two</li>
    </ul>
    
    <table>
        <tr>
            <th>Header</th>
        </tr>
        <tr>
            <td>Content</td>
        </tr>
    </table>

    4. 尾空格

    尾空格禁止出现在闭合标签后。

    ✖ 错误

    <p>This is a paragraph.</p>   

    ↳ 错误, 因为在 </p> 包含其他空格。

    ✔ 正确

    <p>This is a paragraph.</p>

    5. 标签和属性名称

    标签和属性名称必须全为小写,并且单词之间用短横线连接(kebab-case)。

    ✖ 错误

    <div ID="mainWrapper" class="DESKTOP">
        <P>This is a paragraph</P>
    </div>

    ↳ 错误, 因为 ID, mainWrapper, DESKTOP<P> 没有使用小写。

    ✔ Correct

    <div id="main-wrapper" class="desktop">
        <p>This is a paragraph</p>
    </div>

    格式化

    5. 元素和属性

    本节介绍如何使用元素和属性。

    1. 自闭合元素 禁止闭合
      • e.g. <br>, <link rel="stylesheet" href="">
    2. 可闭合元素 必须闭合
      • e.g. <ul><li></li></ul>
    3. 属性值 必须使用双引号包裹
      • e.g. <a href="" title="">Link</a>
    4. 属性布尔值 禁止包含其他值
      • e.g. <input type="text" name="" autofocus>
    5. 类型和语言属性 必须在 script 标签中省略
      • e.g. <script src=""></script>
    6. 类型属性 必须在 linkstyle 标签中省略
      • e.g. <style src=""></script>
    7. 协议 应该被省略
      • e.g. <link href="//style.css" rel="stylesheet">

    目录

    1. 自闭合元素

    自闭合元素禁止闭合。

    ✖ 错误

    <link href="theme.css" rel="stylesheet" />
    
    <br />

    ↳ 错误, 因为 <link><br> 包含 / 符号.

    ✔ Correct

    <link href="theme.css" rel="stylesheet">
    
    <br>

    2. 可闭合元素

    可闭合元素必须闭合。

    ✖ 错误

    <!DOCTYPE html>
    <html lang="en">
    <div id="main-wrapper">
        <h1>Welcome</h1>
        <p>This is a skeleton document.
    </div>
    </html>

    ↳ 错误, 因为缺少 <head></head>, <body></body> 元素和 </p> 闭合标签。

    ✔ 正确

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <title>Welcome</title>
    </head>
    <body>
    <div id="main-wrapper">
        <h1>Welcome</h1>
        <p>This is a skeleton document.</p>
    </div>
    </body>
    </html>

    3. 属性值

    属性值必须使用双引号包裹。

    ✖ 错误

    <form action=processor.html class='application'>
        ...
    </form>

    ↳ 错误, 因为 processor.htmlapplication 没有用双引号包裹。

    ✔ 正确

    <form action="processor.html" class="application">
        ...
    </form>

    4. 属性布尔值

    属性布尔值禁止包含其他值。

    ~ 可以

    <input type="text" name="first_name" autofocus="autofocus">

    ↳ 可以, 但是 autofocus 不需要作为 autofocus 属性的值。

    ✔ 正确

    <input type="text" name="first_name" autofocus>

    5. 类型和语言属性

    类型和语言属性必须在 script 标签中省略。

    ✖ 错误

    <script src="//script.js" type="text/javascript"></script>

    ↳ 错误, 因为包含了 type 属性.

    ✔ 正确

    <script src="//script.js"></script>

    6. 类型属性

    类型属性必须在 linkstyle 标签中省略。

    ✖ 错误

    <link rel="stylesheet" href="//style.css" type="text/css">

    ↳ 错误, 因为包含了 type 属性.

    ✔ 正确

    <link rel="stylesheet" href="//style.css">

    7. 协议

    协议应该被省略。

    ~ 可以

    <link rel="stylesheet" href="http://domain.com/style.css">

    ↳ 可以, 但是 http://domain.com 可替换为 //.

    ✔ 正确

    <link rel="stylesheet" href="//style.css">

    元素和属性

    6. 最佳实践

    1. link和script标签位置 必须放置正确
      • e.g. <head>...<title>Document</title><link rel="stylesheet" href="style.css"></head>
    2. 遵循HTML标签的嵌套规则
      • i.e. 正确 <ul><li></li></ul>, 错误 <ul><p></p></ul>
    3. 表单字段标签label 必须对应相应的input标签
      • e.g. <label for="pwd"></label><input name="pwd" type="text">
    4. 表单的name属性值 必须用下划线连接两个单词
      • e.g. <input type="text" name="first_name">
    5. 字符实体 禁止使用
      • i.e. 正确 , 错误 &mdash;
    6. alt属性 禁止为空
      • i.e. 正确 <img href="img.jpg" alt="img">, 错误 <img href="img.jpg">
    7. 结构、表现、行为三者分离
    8. HTML只关注内容(只表现为结构)
    9. SEO优化
    10. 语义化

    目录

    1. link和script标签位置

    引入css文件的<link>标签放在</title></head>标签之间一般的引入js文件的<script>标签放在</body>标签之前,特殊的例如模块加载器(异步加载模块等)放在<link>标签之(Why?)

    ✖ 错误

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <link rel="stylesheet" href="style.css">
        <script src="index.js"></script>
    </head>
    <body>
        ...
    </body>
    </html>

    ↳ 错误, 因为 <script> 标签放置在头部。

    ✔ 正确

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        ...
    <script src="index.js"></script>
    </body>
    </html>

    2. 遵循HTML标签的嵌套规则

    基本的HTML标签嵌套规则:

    • <ul>/<li>, <ol>/<li><dl>/<dt>``<dd>是拥有父子级关系的标签, <ul>, <ol>, <dl> 只可以嵌套他们对应的子元素,而 <li>, <dd> 可以嵌套其他任意元素, <dt>禁止嵌套块级元素。
    • <h1~6>, <pre><dt>禁止嵌套块级元素。
    • <button> 标签不可以嵌套交互性元素( <a>, <input>, <select>, <textarea>等)。
    • 一般情况下行内元素不能嵌套块元素。

    ✖ 错误

    <ul>
        <li>Item one</li>
        <li>Item two</li>
        <ul>
            <li>Sub-item one</li>
            <li>Sub-item two</li>
        </ul>
    </ul>

    ↳ 错误, 因为 <ul> 不可以直接嵌套 <ul>

    ✔ Correct

    <ul>
        <li>Item one</li>
        <li>Item two</li>
        <li>
            <ul>
                <li>Sub-item one</li>
                <li>Sub-item two</li>
            </ul>
        </li>
    </ul>

    3. 表单字段标签label

    表单字段标签label必须对应相应的input标签。

    ✖ 错误

    <input type="radio" name="gender" id="male" value="male">
    <input type="radio" name="gender" id="female" value="female">

    ↳ 错误, 因为缺少 <label> 标签。

    ✔ 正确

    <input type="radio" name="gender" id="male" value="male"> <label for="male">Male</label>
    <input type="radio" name="gender" id="female" value="female"> <label for="female">Female</label>

    4. 表单的name属性值

    表单的name属性值必须用下划线连接两个单词。

    ✖ 错误

    <input type="text" name="emailaddress">
    <input type="text" name="email-address">

    ↳ 错误, 因为 emailaddressemail-address 没有使用下划线连接。

    ✔ 正确

    <input type="text" name="email_address">

    5. 字符实体

    字符实体禁止使用。

    ✖ 错误

    &euro;

    ↳ 错误, 因为使用了 &euro; 字符实体.

    ✔ 正确

    6. alt属性

    alt属性禁止为空。

    ✖ 错误

    <img href="img.jpg">

    ↳ 错误, 因为缺少了 alt 属性.

    ✔ 正确

    <img href="img.jpg" alt="img">

    7. 结构、表现、行为三者分离

    尽量在文档和模板中只包含结构性的 HTML;而将所有表现代码,移入样式表中;将所有动作行为,移入脚本之中。
    在此之外,为使得它们之间的联系尽可能的小,在文档和模板中也尽量少地引入样式和脚本文件。

    建议:

    • 不使用行内样式
      • e.g. <div style="..."></div>
    • 不在元素上使用 style 属性
      • e.g. <hr style="border-top: 5px solid black">
    • 不使用行内脚本
      • e.g. <script>alert('no good')</script>
    • 不使用表象元素
      • e.g. <b>, <u>, <center>, <font>, <b>
    • 不使用表象类名
      • e.g. red, left, center

    8. HTML只关注内容(只表现为结构)

    HTML所构建的文档应该只包含当前页面的结构,增强代码的可读性和可维护性。

    • HTML只显示展示内容信息
    • 不要引入一些特定的 HTML 结构来解决一些视觉设计问题
    • 不要将 <img> 元素当做专门用来做视觉设计的元素
    • 样式上的问题应该使用 css 解决
    • 一些表现型的元素可通过伪元素来解决,从而减少不必要的DOM节点

    9. SEO优化

    在构建html页面的时候适当考虑SEO的优化。

    • 必须包含 <title> 标签, <title> 标签的内容不宜过长
    • 设置关于本网页的 description 同时注意不要堆砌关键词
      • e.g. <meta name="description" content="description">
    • 合理使用 <h1~6> 标签
    • <img> 标签的 alt 属性禁止为空
      • e.g. <img href="img.jpg" alt="img">
    • 对于网页中非常重要的链接采用 title 属性说明,有助于帮助搜索引擎找到网页的重点URL。
      • e.g. <a href="https://www.domain.com" title="title">

    HTML标签权重分值排列
    内部链接文字:10分
    标题title:10分
    域名:7分
    H1,H2字号标题:5分
    每段首句:5分
    路径或文件名:4分
    相似度(关键词堆积):4分
    每句开头:1.5分
    加粗或斜体:1分
    文本用法(内容):1分
    title属性:1分 (注意不是 <title>, 是 title 属性)
    alt标记:0.5分
    Meta描述(Description属性):0.5分

    10. 语义化

    我们一直都在说语义化编程,语义化编程,但是在代码中很少有人完全使用正确的元素。
    语义化是指:根据元素其被创造出来时的初始意义来使用它。
    意思就是用正确的标签干正确的事,而不是只有 divspan
    那么要做到语义化,首先是熟悉各标签的含义:

    常用的标签有

    a、b、br、button、caption、div、dd、dl、dt、em、form、h1~6、hr、i、iframe、img、input、label、ul、li、ol、option、p、select、span、strong、sub、sup、table、thead、tbody、tr、th、td、tfoot、textarea

    html5新增的常用标签有

    article、aside、audio、canvas、figcaption、figure、footer、header、nav、progress、section、source、time、video

    选取合适的标签来构建表现的文档,不仅有利于增强代码的可读性,而且通常这些标签会带有一定的结构格式,即使没有引入css样式,也会以一种特定的结构呈现,同时也有利于SEO的优化。

    更多相关内容
  • outlook邮件插入HTML格式内容调试

    千次阅读 2022-01-05 16:06:45
    遇到发送给用户html格式内容的需求,该如何快速测试呢? Outlook版本: 2016 1.点击左上方“文件”,出现侧边栏,点击“选项” 2.点击“自定义功能区”,勾选“开发工具”,点击确定,使得“开发者工具”选项在...

    参考:https://bbs.huaweicloud.com/blogs/112476

    遇到发送给用户html格式内容的需求,该如何快速测试呢?

    Outlook版本: 2016

    1.点击左上方“文件”,出现侧边栏,点击“选项”

    2.点击“自定义功能区”,勾选“开发工具”,点击确定,使得“开发工具”选项在最上方出现。

    3. 点击“开发工具”选项,点击下方的“宏安全性”,弹框选择“为所有宏提供通知”。

     

     4.点击“开发工具”选项,点击下方的“Visual Basic”,弹框选择“工具”--“引用”,勾选Microsoft Word 16.0 Object Library

     

    5.关闭弹框,点击“开发工具”选项,选择“宏”,自定义名称创建

     

     6.在弹框里的Sub HtmlTest()和End Sub之间插入以下代码,保存。

    Dim insp As Inspector
    Set insp = ActiveInspector
    If insp.IsWordMail Then
    Dim wordDoc As Word.document
    Set wordDoc = insp.WordEditor
    wordDoc.Application.Selection.InsertFile "E:\Outlook\test.html", , False, False, False
    End If

     注意:红框部分替换为电脑里HTML绝对路径。

    7.保存后,关闭弹框。点击“开始”--“新建邮件”,点击“开发工具”--“宏”,选择刚刚新建的宏,HTML的内容就会出现在邮件正文了。

    展开全文
  • 有时我们会遇到html格式的文件需要打开,那么什么是html格式?该怎么打开html格式的文件?这就需要我们知道什么是html格式的文件,html格式的文件其实就是超文本标记语言文件,就是后缀名为.html或者.htm都为html...

    有时我们会遇到html格式的文件需要打开,那么什么是html格式?该怎么打开html格式的文件?这就需要我们知道什么是html格式的文件,html格式的文件其实就是超文本标记语言文件,就是后缀名为.html或者.htm都为html格式的文件。

    如下图:

    对于html文件格式如何打开,下面我将给大家来介绍三种html文件格式打开的基本方法。

    html文件格式打开的基本方法一:用浏览器打开

    右击html文件,选择打开方式,会有安装浏览器可以供你选择打开。

    注意:有时候你打开的网页会很乱,这是因为没有找到css和js文件,需要将这些文件放在一起,html的网页效果才会出来。

    html文件格式打开的基本方法二:可以用记事本打开

    也是右击html文件,选择打开方式,里面会有记事本选择就可以打开了。之后就可以在记事本中对代码进行编辑。

    html文件格式打开的基本方法三:可以用html的文件编辑器打开

    html文件编辑器有很多种,像是Adobe Dreamweaver,sublime text,都可以用来打开

    专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享学习方法和需要注意的小细节,互相交流学习,不停更新最新的教程和学习技巧(网页制作,网站开发,web开发,从0基础开始的的HTML+CSS+JavaScript。jQuery,Ajax,node,angular框架等到移动端HTML5的项目实战【视频+工具+系统路线图】全栈工程师学习路线以及规划都有整理,分享给小伙伴)点:学习前端,我们是认真的

    展开全文
  • xml,json,html格式化工具

    千次下载 热门讨论 2012-03-25 13:58:48
    xml,json,html格式化工具
  • QQ聊天记录Mht转Html格式

    热门讨论 2015-05-25 08:59:46
    之前遇到过一个需求,要把别人导出的全部MHT格式的聊天记录读出来,结果网上找的一些... 会生成html格式的消息记录正文,每5万条记录一个文件 注意:如果不按照顺序执行,会因没有字典文件导致生成的HTML消息图片不显示
  • 如何将html格式动态图表网页嵌入ppt中

    千次阅读 热门讨论 2019-09-18 10:54:21
    看了之前推送的REmap相关内容,结果导出的图表是html格式的动态图,不知道如何将此种格式的图表放在ppt中使用。 这确实很尴尬他呀,你不能直接拿着Rstudio跟客户演示呀(而且还不保证每一台PC上都安装有R语言软件)...

    看了之前推送的REmap相关内容,结果导出的图表是html格式的动态图,不知道如何将此种格式的图表放在ppt中使用。

    这确实很尴尬他呀,你不能直接拿着Rstudio跟客户演示呀(而且还不保证每一台PC上都安装有R语言软件),如果是ppt展示,突然退出来,然后用浏览器打开html文件也是够突兀的。

    当然这个情况在r语言中其实很普遍,很多依赖底层js语言编写的二次开发包(比如R语言中的recharts、RERmap、Rchart、plotly等),可能都只提供html格式的导出效果(如果导出成静态图片的话,那么基本就不用指望什么动态效果了)。

    ppt默认是不支持html文件的,但是依赖开发工具的外界差价和少量VBA代码,解决这个问题并非什么难事。

    以下是解决思路(适合ppt2013及16版本,低版本大同小异)

    一、首先保证你的ppt已经勾选并显示开发工具选项(未勾选请在文件设置中打勾,本号历史文章列表中有相关介绍)

    二、在开发工具——其他控件列表中选择Microsoft web brower。(如果提示控件无法插入请参照如下方案执行)

    需修改两处注册表键值:

    1、打开注册表编辑器(在运行中输入REGEDIT并执行)

    2、定位到:

    HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\ActiveX Compatibility\{8856F961-340A-11D0-A96B-00C04FD705A2}将右侧 Compatibility Flags值21修改为0

    HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Office\ClickToRun\REGISTRY\MACHINE\Software\Microsoft\Office\16.0\Common\COM Compatibility\{8856F961-340A-11D0-A96B-00C04FD705A2}

    将右侧 Compatibility Flags值400修改为0

    注:PowerPoint 2013 更改了以下注册表

    HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Microsoft\Office\15.0\Common\COM Compatibility\{8856F961-340A-11D0-A96B-00C04FD705A2},更改十六进制400为0即可。

    如果没有这个位置,可以选择HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Office\15.0\ClickToRun\REGISTRY\MACHINE\Software\Wow6432Node\Microsoft\Office\15.0\Common\COM Compatibility\<ClassID> </ClassID>,如上。

    以上可解决正常插入Microsoft web brower控件的问题,点击该控件之后,在页面释放并用鼠标拖动至与页面统一大小。

    (控件是无色的你可能看不见,但是如同形状一样,你可以选中并且自由调整大小)

    三、在该页面插入一个command命令控件(activeX控件),并在页面释放,调整大小。右键打开属性列表,在caption栏修改控件名称。

    四、双击控件打开代码页面,在默认的两行代码中间插入如下代码:

    注:如果 加载html时 提示 安全警告: 为帮助保护你的安全 你的web浏览器已经限制此文件显示可能 访问你的计算机,需要在

    <!DOCTYPE html>的下一行添加:

    <!-- saved from url=(0021)http://www.baidu.com/ -->

    注:将echarts图表的html代码中加载 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE*"/>代码(*处至少为9或以上),将HTML设置成IE的内核。

    注:解决 echarts 的console 未定义问题,在<Head>中的注释下面 ,加入如下程序:

    window.console = window.console || (function(){  
        var c = {};   
        c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile = c.clear = c.exception = c.trace = c.assert = function(){};  
        return c;  
    })();  

    WebBrowser1.Navigate ("file:///D:/R/Rscript/ID_20161002180535_403937.html")

    这里需要你自定义只是括号内的html文件路径,我的html是之前在演示REmap动态地图的时候制作一个动态路径图。

    这个路径可以是本地html文件,也可以是其他有效的html网页地址。

    完成以上步骤之后,在幻灯片放映状态,定位到有设置控件的那一页,用鼠标点击按钮,就可以查看动态网页效果。

    五、最后一步,也是非常重要的一步,如果想要动态效果不丢失,再保存ppt文档的时候一定不能使用默认保存选项,要另存为.pptm格式的宏文件,这样才能不丢失VBA代码。

    以上过程同样适用将其他有效网页地址,嵌入ppt中的,感兴趣的小伙伴可以自行尝试。

    展开全文
  • html 格式化金额显示

    千次阅读 2018-08-24 10:49:39
    //格式化金额显示,s为金额数字,n为精确小数位 function fmoney(s, n) { n = n &gt; 0 &amp;&amp; n &lt;= 20 ? n : 2; s = parseFloat((s + "").replace(/[^\d\.-]/g, ""...
  • springboot实现邮件功能:发送html格式邮件:1.建springboot项目,导入依赖;application.properties配置文件,看 springboot发送邮件(1):发送简单邮件2.编写服务接口,实现类:/** * 邮件服务接口 * Created ...
  • idea中HTML格式化时标签缩进问题

    千次阅读 多人点赞 2019-08-12 17:11:22
    在IntelliJ Idea中HTML格式化时,默认以及下的以及标签都不会缩进。(代码格式化快捷键为Ctrl+Alt+L) 1.找到File>Settings 2.找到Settings>Editor>HTML 3.找到HTML>Other>Do not indent children ...
  • https://marketplace.visualstudio.com/items?itemName=lonefy.vscode-JS-CSS-HTML-formatter 点击 “打开 Visual Studio Code” 按钮完成安装 格式化的效果: 格式化快捷键:Shift+Alt+F ...
  • 富文本—>HTML Go !!!
  • python pandas实现excel转为html格式

    万次阅读 2018-03-19 11:55:32
    #!/usr/bin/env Python # coding=utf-8 import pandas as pd import codecs xd = pd.ExcelFile('/Users/wangxingfan/Desktop/1.xlsx') ...with codecs.open('/Users/wangxingfan/Desktop/1.html','w','u
  • ElementUI table表格数据html格式解析

    千次阅读 2019-01-10 17:50:23
    今天在写管理后台页面的时候,遇到了后端传给前端的数据格式是下图所示的字符串形式(带有换行标签&lt;br/&gt;) 页面使用的是elementui table的形式展示,因为请求到的字符串,所以直接渲染会出现&...
  • 使用Python发送HTML格式的邮件

    千次阅读 2017-07-17 10:08:36
    Python发送HTML格式的邮件与发送纯文本消息的邮件不同之处就是将MIMEText中_subtype设置为html。具体代码如下:#"-*- coding: utf-8 -*-" import smtplib from email.mime.text import MIMETextmail_user=...
  • 将String转化成HTML格式

    万次阅读 2018-05-07 15:44:46
    方式1:一个String显示在网页上,不会安置原来的...下面这个方法可以将String改为HTML可以辨认的格式。 public static String toHTMLString(String in) { StringBuffer out = new StringBuffer(); for (int i = 0;...
  • markdown转html格式

    万次阅读 2016-05-09 00:36:03
    根据业务场景,需要发送不同内容的邮件,如何提供基础...准备工作目前有很多工具可以在线使markdown转html格式 ,很方便,开源的东西也很多,我也尝试了几个,markdownpapers-core markdownj-core pegdown,前两个测
  • 完美解决doc、docx格式word转换为Html

    热门讨论 2015-09-27 16:57:53
    由于项目需要,需要在线预览文档,所以就想转换为htmL格式; 此项目为maven项目,引入的包可能需要一些时间; maven项目转换为eclipse项目命令是:mvn eclipse:eclipse,然后导入到eclipse; jar引入完成后,绝对100...
  • html 格式化日期

    千次阅读 2016-05-13 11:07:47
    js 写法: $scope.addPackageModifyDate = $filter('date')(file.lastModifiedDate,'yyyy-MM-dd hh:mm:ss'); html写法: {{ date_expression | date : yyyy-MM-dd hh:mm:ss}}
  • mail命令发送html格式的电子邮件

    千次阅读 2017-04-07 16:11:17
    要发送html格式邮件,关键是在邮件头部指定内容格式,如下: $mail -s "$(echo -e "subject\nContent-Type: text/html; charset=utf-8")" receiver@xxx.com  这里最巧妙的是使用了echo -e,使得subj
  • 小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过wxParse来实现。 s1.下载wxparse(链接:https://pan.baidu.com/s/1htmfVow 密码:x56c) s2.将其中的wxparse复制到小程序的项目...
  • 若返回JSON格式,如下方式獲取數據作為參數值 var jsonData =JSON.parse(responseBody); //获取body中返回的所有参数 pm.globals.set("Token", jsonData.data.Token);...若返回HTML格式, 可通過t...
  • eclipse html格式

    千次阅读 2015-12-16 17:58:40
     点击 myeclipse菜单栏的 window选项卡,找到下拉 perferences 选项 , 在里面快捷 “搜索” 框里面输入 html ,如下图     在 数字3 那里 的 line - width 是设置当前行里面有多少字符时,就换行...
  • RTF转换为HTML格式(java)

    千次阅读 2014-10-20 16:27:37
    new RTF2HTML().convertRTFToHTML(new File(filename)),方法convertRTFToHTML会返回一个转换成HTML格式的字符串。 三:下载WEBCAT地址: http://download.csdn.net/detail/yongbuyanqi88888/8060051   四...
  • sublime text3html格式化插件

    千次阅读 2016-06-14 15:06:27
    -package control -install package -TAG -ctrl+a -ctrl+alt+f
  • java 发送html格式邮件 样式混乱解决

    千次阅读 2016-01-15 14:17:57
    今天发送html格式的邮件 在qq 163 邮箱接收的时候老是样式混乱里面掺杂了 邮箱本身自己的样式 多次要前台人员帮忙调试 发现就是无法控制 然后在混乱中。。。。。。。。。。。。。。。。。 sendEmail....
  • html基本格式

    万次阅读 2019-04-16 15:27:04
    html基本格式 <!DOCTYPE HTML><!--这是HTML5的文档声明--> <html><!--这是html的开始标签--> <head><!--这是设置网页标签,html的编码设置,以及标题和链接资源都写在这里--> ...
  • notepad++格式html代码

    千次阅读 2021-06-09 06:53:38
    Notepad++格式html代码,需要安装插件Tidy2。通过“插件>插件管理”里面搜索Tidy2安装,但总是安装失败,这就需要在网上下载插件手动安装了。插件下载地址:https://github.com/bruderstein/NppTidy2/downloads...
  • email preview: (因为email中的html格式比较特殊,经常需要预览一下效果) http://info.contactology.com/email-view Best practices for styling HTML emails (主要讲了在email中使用html的注意事项) The ...
  • 功能:将文本文件转换成html格式的文档。 方法: 1.添加初始标签 2.智能分段 帮助 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,309,374
精华内容 923,749
关键字:

html格式

友情链接: ruilihuan.zip