HTML（常用标签与超链接）的案例

最新推荐文章于 2024-08-09 15:13:41 发布

ChengMeng11

最新推荐文章于 2024-08-09 15:13:41 发布

阅读量1.6k

点赞数

文章标签： html

本文链接：https://blog.csdn.net/ChengMeng11/article/details/104661148

版权

这篇博客详细介绍了HTML的常用标签，包括各种类型的标签使用案例，如头部标签、嵌套标签等，并深入讲解了超链接的用法，涵盖锚链接、页面内部链接和功能链接，是学习HTML基础知识的好资料。

摘要由CSDN通过智能技术生成

HTML（常用标签与超链接）的案例

1.常用标签

代码:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	hello<br>html

	<p>
		HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
	</p>
	
	<p>
		超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。
	</p>
	<hr>


	<h1>一级标题</h1>
	<h2>二级标题</h2>
	<h4>四级标题</h4>
	<h6>六级标题</h6>


</body>
</html>

案例：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iI8vzoJP-1583323541254)(F:\sublime\19020103 张杰\截屏\常用标签1.png)]$

2.常用标签

代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<pre>
		HTML从入门到精通
		学员：张杰
	</pre>
	<hr>

	<div style="width:400px;height: 100px;background:red">导航部分</div>
	<div style="width:400px;height: 500px;background:yellow">正文部分</div>
	<div style="width:400px;height: 100px;background:blue">版权部分</div>
	<hr>

	iphone XR,不要8888,不要1888,只要<span style="font-size:50px;color:red">98元</span>


</body>
</html>

案例：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-teXfmYMG-1583323541254)(F:\sublime\19020103 张杰\截屏\常用标签2.png)]$

3.常用标签

代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<h3>2020年网络游戏排行榜</h3>
	<ol type="1" start="5">
		<li>吃鸡</li>
		<li>王者荣耀</li>
		<li>LOL</li>
		<li>WOW</li>
	</ol>
	<hr>

	<h3>可爱的学生们</h3>
	<ul type="disc">
		<li>张三</li>
		<li>学委</li>
		<li>团支书</li>
	</ul>
	<hr>

	<h3>术语的解释</h3>
	<dl>
		<dt>LOL</dt>
		<dd>它是腾讯公司代理的一款网络游戏，中文名称叫英雄联盟</dd>
		<dd>可以分为PC端和移动端</dd>
		<dt>HTML</dt>
		<dd>是一种用来制作网页的标记语音</dd>