首页 > 软件开发 > HTML >

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

来源:互联网 2023-03-16 19:12:08 412

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

工具/原料

  • 电脑软件Sublime

方法/步骤

  • 1

    head标记作为各种声明信息的标记,出现在文档的顶端,并且要一定要先于body标记出现。7Hz办公区 - 实用经验教程分享!

    接下来学习body的属性,设置body标记的bgcolor,相当于定义整个网页背景色。7Hz办公区 - 实用经验教程分享!

    bgcolor单词翻译:背景色。7Hz办公区 - 实用经验教程分享!

    skyblue单词翻译:天蓝。7Hz办公区 - 实用经验教程分享!

    但是使用bgcolor这种形式设置网页样式,已经不常用。这种方式仅适用于测试网页的临时手段,如图效果。7Hz办公区 - 实用经验教程分享!

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

  • 2

    也可以使用十六进制表示颜色值,#00ff00表示纯绿色。7Hz办公区 - 实用经验教程分享!

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

    这种方式仅适用于测试网页的临时手段,如图效果。7Hz办公区 - 实用经验教程分享!

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

  • 3

    如果对body标记设置了样式,就表示对整个网页进行设置。7Hz办公区 - 实用经验教程分享!

    background单词翻译:背景。7Hz办公区 - 实用经验教程分享!

    任意找一张图片放在跟当前HTML文件同一个位置下,输入代码。7Hz办公区 - 实用经验教程分享!

    a.jpg是图片的名字7Hz办公区 - 实用经验教程分享!

    这种方式仅适用于测试网页的临时手段,如图效果。7Hz办公区 - 实用经验教程分享!

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

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

    定义整个网页文本颜色。7Hz办公区 - 实用经验教程分享!

    text单词翻译:文本7Hz办公区 - 实用经验教程分享!

    red单词翻译:红色7Hz办公区 - 实用经验教程分享!

    这种方式仅适用于测试网页的临时手段,如图效果。7Hz办公区 - 实用经验教程分享!

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

  • 5

    a标记的使用:引用超链接,跳转网页地址,网页呈现时超链接默认文字下端加一条横线。7Hz办公区 - 实用经验教程分享!

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

  • 6

    页面边距:页面与文字的距离,或与其他图片等的距离。7Hz办公区 - 实用经验教程分享!

    仔细观看发现文字与页面距离不是紧凑在一起,一般情况下默认页面边距值是12,接下来来改动它的值。7Hz办公区 - 实用经验教程分享!

    topmargin:顶端的距离。7Hz办公区 - 实用经验教程分享!

    leftmargin:左侧的距离。7Hz办公区 - 实用经验教程分享!

    rightmargin:右侧的距离。7Hz办公区 - 实用经验教程分享!

    bottommargin:底端的距离。7Hz办公区 - 实用经验教程分享!

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

  • 7

    !doctype>:声明HTML版本,必须在第一行,此代码告诉游览器使用哪种HTML文档版本规范。7Hz办公区 - 实用经验教程分享!

    为什么必须在第一行,因为游览器解析代码是从上往下解析,先解析第一行代码,首先告诉游览器使用什么HTML规范。7Hz办公区 - 实用经验教程分享!

    !doctype html>是声明HTML5的版本规范。7Hz办公区 - 实用经验教程分享!

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

  • 注意事项

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

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


    标签: 软件HTML

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