培训所用视频
【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili
安装编译器
安装Hbuilder作为编译软件进行此次的培训
将学长所发的软件安装到合适的位置
操作环境
首先了解在Hbuilder中我们主要在body中进行编辑,在hund文件中可以输入我们所命名的标题。
操作方法
这次作业是仿照学校的官网进项创作,
我首先利用<pre>保留空格的性质经右上角的学生写出来,供以后进行超链接做基础,由于html需要手动进项换行所以还需再后面加上<br>进行换行,然后便是在官网左边的学校名称图片,利用<img>将图片引入后,调整大小到合适的大小,后回车
,利用<hr>在下方打入下划线。
在下划线下方是主要选项,所以我们同样可一用<pre>
来达到间隔和排版的作用,最后由于请输入关键字的字体与之前不同
所以我选择采用<front>来改变字体的大小与颜色
然后我们将下方的大图的链接复制到我们所需的地方
与上方相同我们采用<img>来实现这一操作
最后是新闻网 我们输入新闻网后,来实现超链接,
实现这一目标我们可以借助<a>来实现,并嵌入我们所需的跳转页面。
做完这一步后我们将之前提前布置好的学生一行以同样的方式嵌入超链接。
最后我们导入背景图片,由于未找到原图所以一蓝色图片代替