notepad怎么编辑html代码

技术教程
2019-08-16 13:17:30

notepad怎么编辑html代码

notepad++是用来制作HTML最常用的软件之一，但是对于第一次使用的人来说，还是不太熟悉，接下来我用一个实例介绍一下流程，希望可以对大家有所帮助。

推荐教程：notepad使用教程

1、首先打开notepad++软件，如图所示。

2、将下面的一列代码复制粘贴到软件里面

<!doctype html>
<html>
<head>
<meta charset="utf-6">
<title>元代山水画</title>
</head>
<body>
  <h1>元代山水四大家</h1>
  <p>“元四大家”在明代中叶被认为是：赵孟頫、黄公望（字子久，号大痴道人）、王蒙（字叔明，号黄鹤山樵）、吴镇（字仲圭，号梅花道人）。</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/xiazai/code/10985">
                            <img src="https://img.php.cn/upload/webcode/000/000/008/176456700286982.jpg" alt="LANUX蓝脑商务网站系统">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/code/10985">LANUX蓝脑商务网站系统</a>
                            <p>LANUX V1.0 蓝脑商务网站系统 适用于网店、公司宣传自己的品牌和产品。 系统在代码、页面方面设计简约，浏览和后台管理操作效率高。 此版本带可见即可得的html编辑器, 方便直观添加和编辑要发布的内容。 安装： 1.解压后，更换logo、分类名称、幻灯片的图片及名称和链接、联系我们等等页面。 2.将dbconfig.php里面的数据库配置更改为你的mysql数据库配置 3.将整个文件夹上传至</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="LANUX蓝脑商务网站系统">
                                <span>0</span>
                            </div>
                        </div>
                        <a href="/xiazai/code/10985" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="LANUX蓝脑商务网站系统">
                        </a>
                    </div>
                
  <a href="https://baike.baidu.com/item/%E5%85%83%E5%9B%9B%E5%A4%A7%E5%AE%B6/3982068?fr=aladdin">更多信息</a>
  </body >
  </html>