w3schools 网站的 HTML 教程之 HTML 编辑器_html/css

w3schools 网站的 HTML 教程之 HTML 编辑器_html/css_WEB-ITnose

php中文网

发布： 2016-06-21 08:48:07

原创

2104人浏览过

html 可以使用如下专业的 html 编辑器进行编辑：

Microsoft WebMatrix
Sublime Text

然而，我们推荐使用记事本(PC)或文本编辑器(Mac)学习 HTML。

我们相信使用一个简单的文本编辑器学习 HTML 是一种很好的方式。

按照下面 4 步使用记事本创建你的第一个 Web 页面。

第一步：打开记事本

在 Windows 7 或更早的系统中打开记事本：

立即学习“前端免费学习笔记（深入）”；

点击”开始”(屏幕的左下角)
点击”所有程序”
点击“附件”
点击”记事本”

在 Windows 8 或之后的系统中打开记事本：

打开”开始屏幕”(屏幕的左下角的窗口图标)
找到”记事本”

第二步：编写 HTML

在记事本中编写或拷贝一些 HTML 代码。

<!DOCTYPE html><html>  <body>    <h1>My First Heading</h1>    <p>My first paragraph.</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/2121">
                            <img src="https://img.php.cn/upload/ai_manual/000/000/000/175680148482336.png" alt="AI图像编辑器">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/2121">AI图像编辑器</a>
                            <p>使用文本提示编辑、变换和增强照片</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="AI图像编辑器">
                                <span>46</span>
                            </div>
                        </div>
                        <a href="/ai/2121" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="AI图像编辑器">
                        </a>
                    </div>
                  </body></html>

登录后复制