300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > HTML5网页设计阶梯教程(2)——插入图片与文字编辑

HTML5网页设计阶梯教程(2)——插入图片与文字编辑

时间:2019-02-06 07:02:12

相关推荐

HTML5网页设计阶梯教程(2)——插入图片与文字编辑

接着上一章讲,这章我要说说如何改变文字的大小与粗细及如何插入图片。

首先先看看一个标准的HTML5开头与结尾:

之后,我们在head中插入body:

然后插入标准大小的文本:

如果要将文本加粗的话,可以用b和strong标签:

如果要改变文字的大小,可以用h()标签:

其中,h1标签的字体最大,数字越大,字体越小。

插入图片只需要<img src= “ ( ) ” >这串代码即可,其中,img是图片,src是路径,括号中填入图像的路径就可以在网页中显示图片了。这串代码仍然插入body标签中。

标注:写文章时出现了一处错误:前面几张图片中head标签应在body标签出现前结束,由此,前面几张图片有部分是错误的,只有最后一张图是全部正确的,除讲述内容外,其他格式均以最后一张图片作参考。

这期的内容就到这里了,下一章我再讲讲如何设置图片的宽与高及其他设置图片的方法。

系列教程持续发布中,欢迎订阅、关注、收藏、评论、点赞哦~~( ̄▽ ̄~)~

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。