HTML基础

最新推荐文章于 2022-08-28 10:51:43 发布

小韩学长

最新推荐文章于 2022-08-28 10:51:43 发布

阅读量170

点赞数

分类专栏： HTML学习篇

本文链接：https://blog.csdn.net/weixin_39036700/article/details/80502537

版权

HTML学习篇专栏收录该内容

12 篇文章 5 订阅

订阅专栏

1、HTML标题

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。

代码示例：创建一个html01.html文件

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>今天开始学HTML，加油！</title>
</head>
<body>
	<h1>Hello,Html!</h1>
	<h2>我的第二个标题</h2>
	<h3>我的第三个标题</h3>
	<h4>我的第四个标题</h4>
	<h5>我的第五个标题</h5>
	<h6>我的第六个标题</h6>
</body>
</html>

运行效果：

2、HTML 段落

HTML 段落是通过标签 <p> 来定义的.

代码示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>段落标签</title>
</head>
<body>
	<h3>段落标签学习</h3>
	<p>这是我的第一个段落</p>
</body>
</html>

运行效果：

3、HTML链接

HTML 链接是通过标签 <a> 来定义的.

代码示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>链接标签学习</title>
</head>
<body>
	<a href="http://www.baidu.com">百度链接</a>
	<a href="http://www.runoob.com">菜鸟教程</a>
</body>
</html>

运行效果：

4、图标标签

HTML 图像是通过标签 <img> 来定义的.

代码示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图像标签学习</title>
</head>
<body>
	<img src="/images/logo.png" width="400" height="200"></img>
</body>
</html>

注意：图像的名称和尺寸是以属性的形式提供的