html页面渲染代码片段

最新推荐文章于 2024-07-19 10:11:24 发布

小破孩呦

最新推荐文章于 2024-07-19 10:11:24 发布

阅读量3.1k

点赞数

分类专栏：前端开发知识

本文链接：https://blog.csdn.net/qq_38543537/article/details/90173817

版权

前端开发知识专栏收录该内容

81 篇文章 2 订阅

订阅专栏

引入css和js的渲染

<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>

效果如下：

div标签片段

<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>

效果如下：