HTML基本标签的使用与注意事项

<>     

表明这是一个标签

""

表明这是一个属性值

基本标签

 标题标签

h1-h6  (表示不同的字体大小，从右向左依次递减

	
		
		
	
	
		
今天星期天
		
今天星期天
		
今天星期天
		
今天星期天
		
今天星期天
		
今天星期天
	

他的结果为：

段落标签

      这是一个换行标签，而且他还是双标签

如果不加入换行标签的话，会显示成以下形式

 

所以在需要换行的时候，一定要加上换行标签

这是一个换行标签，是一个单标签

这两个的换行是有一定的间距大小。

---

是一条水平线，单标签

可以看到他比上图多了一条水平线，这就是

---

标签的作用

文本标签

   这是一个双标签，起到加粗的作用

可以看到今天是晴天比其他的字体黑

起到加粗的作用

起到斜体的作用

可以看到  不，今天是雨天变成了斜体

起到斜体的作用

可以看出  今天天气怎么样，也变成了斜体

特殊字符/转义字符（因为一些特殊字符有其自动识别功能，所以需要对其进行转换）

<

  (<)

如2<3 可以写成以下格式

他就会运行出结果，如下图：

>

(>)

如3>2可以写出如下结果：

空格： 

我们可以看到第11行中打了很多的空格，对其运行结果如下图：

我们可以看出，他并没有显示出我们预想的空格个数

因此，我们需要用 来实现

我们可以看出第10行和第11行 的个数不一样，其显示结果为：

可以看出空格的长度与 有一定的关系

版权符号  ©

其运行结果为：

图片标签

首先将你的图片放置在所在文件夹的img下,如下图：

其次在里面写入【】

就可以运行出想要的图片的结果了。

图片标签 中如果在同一级目录下

【】

我们可以看出  京东.jpg与 图片标签.html 都在js这个目录下

他同样也可以运行出这张图片。

于此同时，我们可以新建一个文件夹。

新建一个HTML文件夹，把图片标签复制过来，在运行HTML里的图片标签时需要写成

【】

其运行结果为：

 

当图片源显示不出来，则显示alt里的内容

其运行结果为：

title   （鼠标悬浮时的提示语）

当我们鼠标悬浮在这张京东图的时候就会提示   这是一本京东的书

宽度：width

高度：height

想要这个图片按照原来的比例显示的话，只需确定其中的一个距离，另一个会自动与原图成相应的比例。