HTML学习教程3-标题段落链接图像属性水平线注释

TML标题

HTML标题通过<h1>-<h6>

标题大小与字体大小的关系：1到6号标题与1到6号字体是逆序对应

实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
<h1>标题1</h1>
<h2>标题2</h2>
</body>
</html>

HTML段落

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

实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
<p>段落1</p>
<p>段落2</p>
</body>
</html>

HTML链接

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

实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
 <a href = "https://www.baidu.com"> 这是一个链接</a>
</body>
</html>

HTML图像

HTML通过标签<img>来定义

实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
<img  src="/images/logo.png" width="258" height="39" />
</body>
</html>

HTML属性

HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name="value"。

大多数HTML元素的属性：

属性	描述
class	为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id	定义元素的唯一id
style	规定元素的行内样式（inline style）
title	描述了元素的额外信息 (作为工具条使用)

HTML水平线

<hr>标签在HTML页面中创建水平线

hr元素可用于分隔内容

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
	<p>hr 标签定义水平线：</p>
	<hr />
	<p>这是段落。</p>
	<hr />
	<p>这是段落。</p>
	<hr />
	<p>这是段落。</p>
</body>
</html>

运行结果：

HTML注释

可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。

注释写法如下：

ui网页设计之前端基础教程html注释优秀web前端工程师必备教程

、网页的基本构成由：下面几个部分组成

代码运行效果：↓

注意事项：<>和</>组合使用：<>代表开头，</>代表结尾，这俩尖括号要么不敲，要么一起敲上，免得忘了。

添加注释的方式：

在线咨询

上一篇：你真的学会HTML标签了吗？
下一篇：Web前端教程：HTML块级、行级元素，特殊字符，嵌套规则

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

HTML学习教程3-标题 段落 链接 图像 属性 水平线 注释