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

最新推荐文章于 2023-05-30 00:46:44 发布

欢欢**

最新推荐文章于 2023-05-30 00:46:44 发布

阅读量1.2k

点赞数 5

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/yihjh/article/details/108834529

版权

HTML 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<>

表明这是一个标签

""

表明这是一个属性值

基本标签

标题标签

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>

他的结果为：

段落标签

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

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

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

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

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

<hr/>是一条水平线，单标签

可以看到他比上图多了一条水平线，这就是<hr/>标签的作用

文本标签

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

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

起到加粗的作用

起到斜体的作用

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

起到斜体的作用

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

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

<

(<)

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

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

>

(>)

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

空格： 

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

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

因此，我们需要用 来实现

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

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

版权符号 ©

其运行结果为：

图片标签

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

其次在<body></body>里面写入【<img src="img/图片名称.jpg"/>】

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

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

【<img src ="名称.jpg"/>】

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

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

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

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

【<img src="../suqiqi.jpg"/>】

其运行结果为：

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

其运行结果为：

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

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

宽度：width

高度：height

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

欢欢**

关注

5
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
HTML基本标签的使用与注意事项

<> 表明这是一个标签""表明这是一个属性值基本标签标题标签h1-h6 (表示不同的字体大小，从右向左依次递减<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>标题标签</title> </head> <body> <h1>今天星期天</h1>...
复制链接

扫一扫