HTML教程（二）

HTML教程2

上节课我们学习了HTML教程1，今天我们就继续学习HTML。

1. img标签

上节课我们学习了制作HTML，但是单纯的文字未免太单调了，今天我们就来学习插入图片。

插入图片就需要img标签，img是一个单标签。

2. 属性和属性值

在HTML中，除了标签之外，还有“属性”和“属性值”

一般标签+属性、属性值：<标签 属性=”属性名”>

3. 为了方便地找到一个文件，每个文件会与一个路径相匹配，在HTML需要路径时，我们需要写如下格式：

/文件名/文件名/文件名/……/名字.格式

4. 添加图片

在添加图片的时候我们需要一种属性——src，src储存的属性值是我们刚刚讲的路径，所以，当我们要插入图片时，我们需要写如下代码：

<img src=”位置”>

好的，我们继续

5. 换行标签

在写HTML的时候，大部分时间会需要“换行”，那么我们如何去换行呢？

这个时候我们就要用到br标签，写作<br>，单标签，能够帮助我们进行换行。

6. 格式化标签——pre

pre可以让文字变得格式化，比如：

代码区：

<pre>

王王王王王

    王

王王王王王

    王

王王王王王

</pre>

网页：

王王王王王

    王

王王王王王

    王

王王王王王

好啦，今天的知识点就全部讲解完毕啦，霸特！不要急着走啦，为大家推荐下面两个网址~

在使用pre标签的时候，我们可以将图片或者文字转为字符画，下面是文字转化字符画网址：

http://life.chacuo.net/convertfont2char

图片转化字符画：

https://www.fontke.com/tool/image2ascii/

好啦，今天的课程就真正的结束啦，我是梁轶铭，我们下次再见~

本文由小科云团队原创出品，作者梁轶铭，未经许可禁止转载。