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

2026-01-17 21:36:20

1、head标记作为各种声明信息的标记,出现在文档的顶端,并且要一定要先于body标记出现。

接下来学习body的属性,设置body标记的bgcolor,相当于定义整个网页背景色。

bgcolor单词翻译:背景色。

skyblue单词翻译:天蓝。

但是使用bgcolor这种形式设置网页样式,已经不常用。这种方式仅适用于测试网页的临时手段,如图效果。

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

2、也可以使用十六进制表示颜色值,#00ff00表示纯绿色。

这种方式仅适用于测试网页的临时手段,如图效果。

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

3、如果对body标记设置了样式,就表示对整个网页进行设置。

background单词翻译:背景。

任意找一张图片放在跟当前HTML文件同一个位置下,输入代码。

a.jpg是图片的名字

这种方式仅适用于测试网页的临时手段,如图效果。

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

4、定义整个网页文本颜色。

text单词翻译:文本

red单词翻译:红色

这种方式仅适用于测试网页的临时手段,如图效果。

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

5、a标记的使用:引用超链接,跳转网页地址,网页呈现时超链接默认文字下端加一条横线。

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

6、页面边距:页面与文字的距离,或与其他图片等的距离。

仔细观看发现文字与页面距离不是紧凑在一起,一般情况下默认页面边距值是12,接下来来改动它的值。

topmargin:顶端的距离。

leftmargin:左侧的距离。

rightmargin:右侧的距离。

bottommargin:底端的距离。

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

7、<!doctype>:声明HTML版本,必须在第一行,此代码告诉游览器使用哪种HTML文档版本规范。

为什么必须在第一行,因为游览器解析代码是从上往下解析,先解析第一行代码,首先告诉游览器使用什么HTML规范。

<!doctype html>是声明HTML5的版本规范。

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢