html page rendering snippet

Disclaimer: This article is a blogger original article, shall not be reproduced without the bloggers allowed. https://blog.csdn.net/qq_38543537/article/details/90173817

The introduction of css and js rendering

<pre>
    <code class="language-html">
                <span class="hljs-comment">在页面引入以下文件</span>

                <span class="hljs-comment">&lt;!-- CSS文件 --&gt;</span>
                <span class="hljs-tag">&lt;<span class="hljs-name">link</span> <span class="hljs-attr">rel</span>=<span
                        class="hljs-string">"stylesheet"</span> <span class="hljs-attr">href</span>=<span
                        class="hljs-string">"css/index.css"</span>&gt;</span>

                <span class="hljs-comment">&lt;!-- Js文件 --&gt;</span>
                <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span
                        class="hljs-string">"js/index.js"</span>&gt;</span><span
                                    class="undefined"></span><span class="hljs-tag">&lt;/<span
                                    class="hljs-name">script</span>&gt;</span>
    </code>
</pre>

Results are as follows:

div tag fragment

<pre>
     <code class="language-html">
                <span class="hljs-comment">&lt;!-- 上传文件的容器 --&gt;</span>
                <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span
                        class="hljs-string">"container kv-main"</span>&gt;
                    <span class="hljs-tag">&lt;<span class="hljs-name">form</span> <span class="hljs-attr">enctype</span>=<span
                            class="hljs-string">"multipart/form-data"</span>&gt;
                        <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span
                                class="hljs-string">"form-group"</span>&gt;
                            <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">id</span>=<span
                                    class="hljs-string">"file-1"</span> <span class="hljs-attr">type</span>=<span
                                    class="hljs-string">"file"</span> <span>multiple</span> <span class="hljs-attr">class</span>=<span
                                    class="hljs-string">"file"</span> <span class="hljs-attr">data-overwrite-initial</span>=<span
                                    class="hljs-string">"false"</span> <span class="hljs-attr">data-min-file-count</span>=<span
                                    class="hljs-string">"2"</span>&gt;</span>
                        &lt;/<span class="hljs-name">div</span>&gt;</span>
                    &lt;/<span class="hljs-name">form</span>&gt;</span>
                &lt;/<span class="hljs-name">div</span>&gt;</span>
     </code>
</pre>

Results are as follows: