首页 > 软件开发 > HTML >

用记事本编写简单html网页入门1:[1]基础知识

来源:互联网 2023-03-16 19:19:34 版权归原作者所有,如有侵权,请联系我们

各种精美的网页是如何做出来的呢?其实用电脑自带的记事本程序就能编辑。FF6办公区 - 实用经验教程分享!

用记事本编写简单html网页入门1:[1]基础知识FF6办公区 - 实用经验教程分享!

工具/原料

  • 记事本程序

方法/步骤

  • 1

    首先打开记事本,在里面输入html>/html>,这边是html文件的开头与结尾,其他指令基本都是写在它们中间的。FF6办公区 - 实用经验教程分享!

    FF6办公区 - 实用经验教程分享!

    FF6办公区 - 实用经验教程分享!

    FF6办公区 - 实用经验教程分享!

    FF6办公区 - 实用经验教程分享!

    用记事本编写简单html网页入门1:[1]基础知识FF6办公区 - 实用经验教程分享!

  • 2

    FF6办公区 - 实用经验教程分享!

    保存时把扩展名改为html,并把编码选成Unicode以显示中文。

    用记事本编写简单html网页入门1:[1]基础知识FF6办公区 - 实用经验教程分享!

  • 2相关内容未经许可获取自百度经验
  • 3

    接着像这样在它们之间加入网页顶端的标题FF6办公区 - 实用经验教程分享!

    html>FF6办公区 - 实用经验教程分享!

    head>FF6办公区 - 实用经验教程分享!

    title>这是标题/title>FF6办公区 - 实用经验教程分享!

    /head>FF6办公区 - 实用经验教程分享!

    /html>FF6办公区 - 实用经验教程分享!

    保存FF6办公区 - 实用经验教程分享!

    现在把鼠标放在在这个记事本文件单击右键,找到打开方式,点击“internet explorer”就可以看到这个网页了。FF6办公区 - 实用经验教程分享!

    注意看是哪里的标题。FF6办公区 - 实用经验教程分享!

    用记事本编写简单html网页入门1:[1]基础知识FF6办公区 - 实用经验教程分享!

  • 4

    现在可以编辑内容了,这是网页的主体。FF6办公区 - 实用经验教程分享!

    html>FF6办公区 - 实用经验教程分享!

    head>FF6办公区 - 实用经验教程分享!

    title>这是标题/title>FF6办公区 - 实用经验教程分享!

    /head>FF6办公区 - 实用经验教程分享!

    body>FF6办公区 - 实用经验教程分享!

    h1>这是标题1/h1>FF6办公区 - 实用经验教程分享!

    这是一个段落FF6办公区 - 实用经验教程分享!

    这又是一个段落FF6办公区 - 实用经验教程分享!

    h2>这是标题2/h2>FF6办公区 - 实用经验教程分享!

    h3>这是标题3/h3>FF6办公区 - 实用经验教程分享!

    h4>这是标题4/h4>FF6办公区 - 实用经验教程分享!

    h5>这是标题5/h5>FF6办公区 - 实用经验教程分享!

    h6>这是标题6/h6>FF6办公区 - 实用经验教程分享!

    h7>标题的大小会依次递减,直到第七个标题/h7>FF6办公区 - 实用经验教程分享!

    /body>FF6办公区 - 实用经验教程分享!

    /html>FF6办公区 - 实用经验教程分享!

    FF6办公区 - 实用经验教程分享!

    FF6办公区 - 实用经验教程分享!

    FF6办公区 - 实用经验教程分享!

    用记事本编写简单html网页入门1:[1]基础知识FF6办公区 - 实用经验教程分享!

  • 5

    现在,再用浏览器打开该文件就可以看到编好的网页了。FF6办公区 - 实用经验教程分享!

    用记事本编写简单html网页入门1:[1]基础知识FF6办公区 - 实用经验教程分享!

  • 注意事项

    • 此为最基础步骤,以后还会讲到插入图片,改变字体和背景等。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!FF6办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号