HTML基础知识day2

最新推荐文章于 2024-02-20 01:52:26 发布

hzbobhz

最新推荐文章于 2024-02-20 01:52:26 发布

阅读量313

点赞数

文章标签： html

本文链接：https://blog.csdn.net/hzbobhz/article/details/111565998

版权

几种常用重要标签

1. 加粗
加粗标签可以使网页中字体变粗，更能引起人们的注意。
代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charaset="utf-8">
	</head>
	<body>
		<strong>加粗的字体</strong>
		<p>未加粗的字体</p>
	</body>
</html>

运行结果如图所示：
在这里插入图片描述
我们可以看到，使用加粗标签的文本明显要比未使用的文本要更粗一点，更显眼一点。要注意的是，strong标签不会换行，不会对行间距造成变化。

2. 斜体
斜体标签可以使网页中的文本变得稍微倾斜一点，也是为了引人注意。
代码如下：

<!DOCTORY html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
	<em>倾斜的文字</em>
	<p>不倾斜的文字</P>
	</body>
</html>

运行结果如图所示：
在这里插入图片描述
我们可以看到，加了em标签的字体会倾斜一点。em标签也不会换行，不会对行间距造成变化。

3. &nbsp、&gt、&lt、&quot、&copy
&nbsp：代表空格html页面本身多个空格只能显示为一个空格，若需要多个则使用该字符。
&gt：代表大于号。
&lt：代表小于号。
&quot：代表引号。
&copy：代表版权符。

4. img图像标签和a超链接
img标签的标准格式是< img src=“图像所在的路径” alt=“图像的代替文字” title=“鼠标悬停提示文字” width=“设置图像宽度” height=“设置图像高度”/>
a标签的标准格式是< a href=“链接路径” target=“链接在哪个窗口打开”>链接文字或图像< /a>
锚链接可以从A页面的甲位置跳转到本页中的乙位置，也可以从A页面的甲位置跳转到B页面中的乙位置。锚链接的创建步骤有2步：1、创建跳转标记< a href=“marker”>乙位置< /a> 2、创建跳转链接< a href="#maker">甲位置< /a>。