网页制作与html5的基础认知
近日听说大家备受大计基作业的困扰,所以小编特地前来助阵为大家倾心设计html5基础知识小讲堂,主要对大家作业中的几项要求进行讲解,希望能对大家有所帮助。(迟来的爱大家感动不!!!)
1认识html5编码程序
向上图中所示,编译原始代码中自动生成基础标签head/head和body/body
我们要做简单的内容可在body标签内添加其他元素。
2html5语言的元素元素指从开始标签到结束标签的所有代码,例如下图所示:
在网页中输入文字时以p所写内容/p可实现文字段落的输入。
而br/标签的作用为实现换行。
基本所有html5语言都会以标签名开始,以"/"加标签名结束
3html5语言的属性我们在这里可以简单的认识一下html5语言的属性便于对以后学习知识的掌握。例如:“herf=”样式中可带入链接的地址,style可用于外部css样式的引用等等,在这里小编就不一一介绍了。
接下来就是见证作业的时刻
1对文字的键入
(1)大家可以使用p、h等进行输入
其中p代表着文字的段落,h代表着文字的标题,其又分为1、2、3等标题分别代表着不同大小的标题。
(2)大家可以采用一些外部css样式改变文字的颜色等内容。
(3)对于对齐方式小编在这里以居中为例,大家可利用centerp加文字内容pcenter其他文字对齐大家可自己编写代码玩一玩。
以上文字对比如下图所示:
2对网站,文件的链接
对于网站以及文件的链接我们需要运用a/a语言,如上述所说a标签可实现对地址的链接。
相应代码如图:
此时需要在工作栏中建立“我的作业”文档(直接复制粘贴就可以)
运行结果如下图:
由此就可以实现文件的下载以及网页的跳转了,同样的当要实现多个网页跳转是在工作栏中新建网页,再有a标签链接就可以了。
3图片的插入
如下图所示:
(1)我们可以运用img/img对图片进行插入,其中src=""中写入图片名称,同时在工作栏中建立图片。
(2)我们可以运用width,heigh实现对图片大小的改变。
愿今日课堂能给大家带来些许对html5语言的来理解