首页 > 软件开发 > HTML >

GIF动态图教学-H5语言2-常规操作(实例)

来源:互联网 2023-03-16 19:12:05 85

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

工具/原料

  • 电脑软件Sublime

方法/步骤

  • 1

    1:文本文件的后缀名是.txt,而把后缀名改成.htm或.html是HTML文件。后缀名虽然不同,本身还是个文本文件。KRB办公区 - 实用经验教程分享!

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

    2:在源代码中不区分大小写。意思是BOdy>/BOdy>这样写的标记效果是一样的,不过在业内统一小写。KRB办公区 - 实用经验教程分享!

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

    3:在head>和/head>标记之间的文本是头信息,在游览器窗口中,头信息是不被显示在页面上。KRB办公区 - 实用经验教程分享!

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

    4:在body>和/body>标记之间的文本是正文,会被显示在游览器中。KRB办公区 - 实用经验教程分享!

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

    5:在源代码中任何回车和空格,只起到一个空格字符作用。如图效果KRB办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言2-常规操作(实例)KRB办公区 - 实用经验教程分享!

  • 1该信息未经许可获取自百度经验
  • 2

    实现回车换行,使用br标记。KRB办公区 - 实用经验教程分享!

    1个br>标记 ,相当于按一次回车键。KRB办公区 - 实用经验教程分享!

    如图有2个br>标记所以换了2次行。KRB办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言2-常规操作(实例)KRB办公区 - 实用经验教程分享!

  • 3

    实现网页显示多个空格,使用 。KRB办公区 - 实用经验教程分享!

    1个  相当于按一次空格键。KRB办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言2-常规操作(实例)KRB办公区 - 实用经验教程分享!

  • 4

    h1>标记:大标题的意思,文本内容加粗、字号加大。KRB办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言2-常规操作(实例)KRB办公区 - 实用经验教程分享!

  • 5

    h1 align="right">内容/h1>KRB办公区 - 实用经验教程分享!

    align中文翻译:排列KRB办公区 - 实用经验教程分享!

    right中文翻译:右边KRB办公区 - 实用经验教程分享!

    align是属性,=是赋值,"right"是属性值KRB办公区 - 实用经验教程分享!

    所以align="right",整体的意思是KRB办公区 - 实用经验教程分享!

    使h1标记在网页中最右边排列,如图效果KRB办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言2-常规操作(实例)KRB办公区 - 实用经验教程分享!

  • 6

    属性跟标记之间一定要有空格,否则代码没效果。KRB办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言2-常规操作(实例)KRB办公区 - 实用经验教程分享!

  • 7

    注释:意思是网页中不会显示,用处是方便程序员在源代码中标记该处的功能解释,方便以后查阅。KRB办公区 - 实用经验教程分享!

    起始标记 !--KRB办公区 - 实用经验教程分享!

    结束标记 -->KRB办公区 - 实用经验教程分享!

    代码:!-- 注释的内容 -->KRB办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言2-常规操作(实例)KRB办公区 - 实用经验教程分享!

  • 注意事项

    • gif动态图将重复播放。
    • 按住Ctrl键 鼠标滚动滑轮可以放大网页更清晰查看gif动态图。

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


    标签: 软件HTML

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