编程笔记 html5&css&js 006 HTML文本:标题

简介: 编程笔记 html5&css&js 006 HTML文本:标题

现在开始在网页中展示文字内容,通常称为文本。文本的第一个问题,就一个文章总是有大小不同的层层的标题。

一、HTML 标题

标题(Heading)是通过 <h1> - <h6> 标签进行定义的。
<h1> 定义最大的标题。 <h6> 定义最小的标题。
<!DOCTYPE html>
<html>
<head>
    <title>HTML标题</title>
    <!-- 本例开始展现网页中的文本-->
    <!-- 本页展现网页中的标题 -->
    <meta charset="utf-8">
    <style>
        body {
            background: color black;
        }
    </style>
</head>
<h1>这是一个标题,叫标题1</h1>
<hr>
<h2>这是一个标题,叫标题2</h2>
<hr>
<h3>这是一个标题,叫标题3</h3>
<hr>
<h4>这是一个标题,叫标题4</h4>
<hr>
<h5>这是一个标题,叫标题5</h5>
<hr>
<h6>这是一个标题,叫标题6</h6>
<hr>
<body>
</body>
</html>

以后的示例代码不再显示执行结果。

二、HTML 水平线

<hr> 标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。

三、HTML注释

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

注释写法如下:

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

总结

展现一篇文章,首先要把标题表现清楚,我们手写文章时,一般只有段落缩进,没有字体大小之分。但印刷品(如报刊、书籍)则有字体分别,网而先以印刷品为准,所有有字体、颜色、区域等分别。

相关文章
|
4月前
|
移动开发 前端开发 JavaScript
征信报告修改器,征信报告生成器,制作软件无痕修改软件【js+html+css】
本项目为信用评分模拟器教学工具,采用HTML5实现,仅供学习参考。核心功能通过JavaScript构建,包含虚拟数据生成、权重分配及信用因素分析(如还款记录、信用使用率等)。
|
4月前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
4月前
|
存储 前端开发 JavaScript
仿真银行app下载安装, 银行卡虚拟余额制作app,用html+css+js实现逼真娱乐工具
这是一个简单的银行账户模拟器项目,用于学习前端开发基础。用户可进行存款、取款操作,所有数据存储于浏览器内存中
|
4月前
|
前端开发
个人征信PDF无痕修改软件,个人征信模板可编辑,个人征信报告p图神器【js+html+css仅供学习用途】
这是一款信用知识学习系统,旨在帮助用户了解征信基本概念、信用评分计算原理及信用行为影响。系统通过模拟数据生成信用报告,涵盖还款记录
|
4月前
|
前端开发 JavaScript 容器
制作b超单生成器, 假怀孕b超单图片制作, p图医院证明【css+html+js装逼恶搞神器】
本资源提供一个适合用于熟人之间恶搞的工具,效果逼真,仅供学习参考与娱乐。包含前端技术学习要点:语义化布局、响应式设计、Flexbox、图片自适应
|
Web App开发 移动开发 JavaScript
九个让人难以置信的HTML5和JavaScript实验
您可能还喜欢   8个惊艳的 HTML5 和 JavaScript 特效 让人眼花缭乱的 HTML5 和 JavaScript 效果 推荐18个基于 HTML 5 Canvas 开发的图表库 29款基于 HTML5 Canvas 开发的网页游戏 五大主流浏览器 CSS3 和 HTML5 兼容性大比拼     Google的 Chrome实验室 收集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目,里面的例子都很独特,让人惊叹。
1051 0
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
244 2