专业编程基础技术教程

网站首页 > 基础教程 正文

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

ccvgpt 2024-10-17 08:56:27 基础教程 6 ℃

HTML标题

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

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

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

实例：

<!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 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。

注释写法如下：

<!-- 这是一个注释 -->

Tags：

猜你喜欢

最近发表
标签列表