HTML标题
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 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
注释写法如下:
<!-- 这是一个注释 -->