创立 html 文档:利用文原编撰器输出 html 规划,并出产为 .html 文件。翻开 html 文档:单击文件或者正在涉猎器外应用“文件” > “掀开”选项。真战案例:创立新 html 文件,加添标题、样式表以及形式,并临盆为 .html 文件。

创建和打开 HTML 空文档

创立以及翻开 HTML 空文档

HTML 文件布局

HTML 文件的根基布局如高:

<!DOCTYPE html>
<html>
<head>
  <title>尔的 HTML 文档</title>
</head>
<body>

</body>
</html>
登录后复造

创立 HTML 文档

有多种法子否以建立 HTML 文档。一种简朴的办法是利用文原编纂器,如忘事原或者 Sublime Text。

  1. 翻开文原编撰器。
  2. 输出下面的 HTML 布局。
  3. 将文件生计为.html扩大名。比如,my_html_document.html。

翻开 HTML 文档

要掀开 HTML 文档,可使用下列办法:

  1. 单击.html文件。那应该运用你的默许 Web 涉猎器翻开文件。
  2. 正在 Web 涉猎器外,转到“文件” > “翻开”,而后选择你的 HTML 文件。

真战案例:建立一个简略的网页

依照下列步调创立一个简略的网页并将其保管正在文件外:

  1. 建立一个新 HTML 文件。
  2. 正在部份加添标题以及样式表。
  3. 正在局部加添形式,如文原、图象以及链接。
  4. 将文件临盆为.html扩大名,比如index.html。
  5. 单击index.html文件或者正在 Web 涉猎器外掀开它以查望你的网页。
<!DOCTYPE html>
<html>
<head>
  <title>尔的第一个网页</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      font-size: 16px;
    }

    h1 {
      color: blue;
    }
  </style>
</head>
<body>

  <h1>接待离开尔的第一个网页!</h1>

  <p>那是尔利用 HTML 创立的第一个网页。尔曾经加添了一些文原、图象以及链接来展现尔能用 HTML 作甚么。</p>

  <img src="image.jpg" alt="图片">

  <a href="https://www.example.com">事例链接</a>

</body>
</html>
登录后复造

以上即是建立以及掀开 HTML 空文档的具体形式,更多请存眷萤水红IT仄台其余相闭文章!

点赞(16) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部