首页 > 软件开发 > HTML >

五分钟教你简易网站开发(html格式篇)

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

互联网是越来越发达了,想学习简易网页的同学快过来!m7e办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • 一个合适的编辑器(可选)

制作方法

  • 1

    恩,制作一个网站,并没有想象那么难。大家可以先选择一款合适的html编辑器,或者直接使用系统自带的记事本,调试方法稍后讲解。m7e办公区 - 实用经验教程分享!

    五分钟教你简易网站开发(html格式篇)m7e办公区 - 实用经验教程分享!

  • 2

    首先,写代码之前,我们要签一个“合同”,证明你用的是HTML5,否则,网页将以一种奇怪的模式进行处理。m7e办公区 - 实用经验教程分享!

    操作:在记事本中输入以下文字:m7e办公区 - 实用经验教程分享!

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

    五分钟教你简易网站开发(html格式篇)m7e办公区 - 实用经验教程分享!

  • 2相关内容非法爬取自百度经验
  • 3

    签署了合同,我们就得把身体架设好。当然,html分head>(头)与body>(身体)两个部分。另外,在html中,所有的命令应该要以/标签>结尾,有一些则要在输入标签后加一个空格,打一个“/“(这是一个好习惯,在XML中则是强制要求的。)m7e办公区 - 实用经验教程分享!

    操作:在记事本中的!DOCTYPE html>下方输入以下文字:m7e办公区 - 实用经验教程分享!

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

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

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

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

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

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

    五分钟教你简易网站开发(html格式篇)m7e办公区 - 实用经验教程分享!

  • 4

    小时候,你肯定搞过这样的密码小条:1代表a,2代表b……在html中,标签们需要通过一种加密方式加密你写的网页(相当于考试时的同桌给你写答案,怕被发现加了密),然后又被浏览器解码(相当于考试时的你看同桌写的答案)。如何规定一个加密方法呢?在head>与/head>写:m7e办公区 - 实用经验教程分享!

    meta charset="UTF-8">m7e办公区 - 实用经验教程分享!

    五分钟教你简易网站开发(html格式篇)m7e办公区 - 实用经验教程分享!

  • 5

    这样,我们的网页就有模有样了,现在,在body>到/body>中填写文字吧!以后也基本上是在这里书写标签。m7e办公区 - 实用经验教程分享!

    当然,仅仅是这样是不会放在互联网中的,你还需要服务器与一个域名。m7e办公区 - 实用经验教程分享!

    第一课写完了,我们将我们写的”代码.txt“中的txt改变为html,就可以点击查看了。m7e办公区 - 实用经验教程分享!

    每周五、七更新,祝愿不太监!m7e办公区 - 实用经验教程分享!

    五分钟教你简易网站开发(html格式篇)m7e办公区 - 实用经验教程分享!

    五分钟教你简易网站开发(html格式篇)m7e办公区 - 实用经验教程分享!

    五分钟教你简易网站开发(html格式篇)m7e办公区 - 实用经验教程分享!

  • 注意事项

    • 有些地方不对、不懂的赶紧我拍砖!

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


    标签: HTML

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