<>
表明这是一个标签
""
表明这是一个属性值
基本标签
标题标签
h1-h6 (表示不同的字体大小,从右向左依次递减
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>标题标签</title>
</head>
<body>
<h1>今天星期天</h1>
<h2>今天星期天</h2>
<h3>今天星期天</h3>
<h4>今天星期天</h4>
<h5>今天星期天</h5>
<h6>今天星期天</h6>
</body>
</html>
他的结果为:
段落标签
<p></p>
这是一个换行标签,而且他还是双标签
如果不加入换行标签的话,会显示成以下形式
所以在需要换行的时候,一定要加上换行标签
<br/>这是一个换行标签,是一个单标签
这两个的换行是有一定的间距大小。
<hr/>是一条水平线,单标签
可以看到他比上图多了一条水平线,这就是<hr/>标签的作用
文本标签
<strong></strong>
这是一个双标签,起到加粗的作用
可以看到今天是晴天比其他的字体黑
<b></b>
起到加粗的作用
<em></em>
起到斜体的作用
可以看到 不,今天是雨天变成了斜体
<i></i>
起到斜体的作用
可以看出 今天天气怎么样,也变成了斜体
特殊字符/转义字符(因为一些特殊字符有其自动识别功能,所以需要对其进行转换)
<
(<)
如2<3 可以写成以下格式
他就会运行出结果,如下图:
>
(>)
如3>2可以写出如下结果:
空格:
我们可以看到第11行中打了很多的空格,对其运行结果如下图:
我们可以看出,他并没有显示出我们预想的空格个数
因此,我们需要用 来实现
我们可以看出第10行和第11行 的个数不一样,其显示结果为:
可以看出空格的长度与 有一定的关系
版权符号 ©
其运行结果为:
图片标签
首先将你的图片放置在所在文件夹的img下,如下图:
其次在<body></body>里面写入【<img src="img/图片名称.jpg"/>】
就可以运行出想要的图片的结果了。
图片标签 中如果在同一级目录下
【<img src ="名称.jpg"/>】
我们可以看出 京东.jpg与 图片标签.html 都在js这个目录下
他同样也可以运行出这张图片。
于此同时,我们可以新建一个文件夹。
新建一个HTML文件夹,把图片标签复制过来,在运行HTML里的图片标签时需要写成
【<img src="../suqiqi.jpg"/>】
其运行结果为:
当图片源显示不出来,则显示alt里的内容
其运行结果为:
title (鼠标悬浮时的提示语)
当我们鼠标悬浮在这张京东图的时候就会提示 这是一本京东的书
宽度:width
高度:height
想要这个图片按照原来的比例显示的话,只需确定其中的一个距离,另一个会自动与原图成相应的比例。