HTML学习笔记5-HTML标题

╰+攻爆jí腚メ 2021-11-05 13:04 349阅读 0赞

一、HTML标题

1.HTML标题是通过<h1>-<h6>标签定义

2.<h1>最大，<h6>最小

注意：编写HTML文件时，必须要确保<h1>-<h6>标签只能用于标题，不仅仅是因为字体加粗及变大的原因。浏览器会根据文件的标题及内容，设置索引。

实例

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>标题标签练习</title>
    </head>
    <body>
    <h1>h1标签</h1>
    <h2>h2标签</h2>
    <h3>h3标签</h3>
    <h4>h4标签</h4>
    <h5>h5标签</h5>
    <h6>h6标签</h6>
    
    </body>
    </html>

二、HTML水平线

HTML标签<hr>可以用于实现水平线，具体代码如下

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>水平线练习</title>
    </head>
    <body>
    <h1>下方是水平线</h1>
    <hr>
    </body>
    </html>

实现效果：

![20190807082833516.png][]

三、HTML注释

给代码中加入注释，可以提高代码的可读写。据说程序员最讨厌的事情就是别人不给代码加注释，第二讨厌的事情就是给代码加注释。

HTML文件中给代码加注释的格式为具体代码如下：

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>注释练习</title>
    </head>
    <body>
    <h1>下方是注释</h1>
    
    </body>
    </html>

[20190807082833516.png]: /images/20211105/5fdda91e449f4922ae342aa34724df96.png

发表评论取消回复

表情：

评论列表（有 0 条评论，349人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5-fishc 学习笔记

*\\ meta标签** ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM...

电玩女神/ 2024年04月18日 17:06/ 0 赞/ 56 阅读

相关 HTML5——CSS学习笔记（13）HTML5基础

HTML5发展史 > HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML

深藏阁楼爱情的钟/ 2022年12月14日 12:18/ 0 赞/ 267 阅读

相关 HTML5笔记

HTML5笔记表单 form 属性 <table> <thead> <tr> <th>属性</th> <th>值</th>

素颜马尾好姑娘i/ 2022年06月10日 07:29/ 0 赞/ 214 阅读

相关 html5笔记

第一章 HTML5概述 1.1 HTML历史说HTML历史之前，我们先介绍一个人，三个组织： ü Tim Berners Lee Web之父，20种标签，

太过爱你忘了你带给我的痛/ 2022年06月08日 12:54/ 0 赞/ 254 阅读

相关 HTML5学习笔记（三）

采用段落或无序列表与超链接组合实现网站导航代码如下： <!DOCTYPE html> <html> <head>  <meta

阳光穿透心脏的1/2处/ 2022年05月22日 23:10/ 0 赞/ 228 阅读

相关 HTML5学习笔记（一）HTML5新标签新属性

一、HTML5简介 2014年10月29日，HTML5标准规范制定完成，并公开发布。二、HTML5页面结构 HTML5提供了新的语义元素来明确一个Web页面的不同部分。

布满荆棘的人生/ 2022年04月18日 02:55/ 0 赞/ 331 阅读

相关 HTML5学习笔记简明版（1）：HTML5介绍与语法

HTML5介绍 HTML5是继HTML4以后的下一代HTML标准规范，它提供了一些新的元素和属性（例如`<nav>`网站导航块和`<footer>`）。新型的标签有利于搜

Bertha 。/ 2022年04月16日 04:19/ 0 赞/ 271 阅读

相关 HTML学习笔记5-HTML标题

一、HTML标题 1.HTML标题是通过<h1>-<h6>标签定义 2.<h1>最大，<h6>最小注意：编写HTML文件时，必须要确保<h1>-<h6>标签只能用于标题

╰+攻爆jí腚メ/ 2021年11月05日 13:04/ 0 赞/ 350 阅读

相关 HTML-标题

在 HTML 文档中，标题很重要。 HTML 标题标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。 <h1> 定义最大的标题。<h6>

灰太狼/ 2021年10月30日 01:36/ 0 赞/ 370 阅读

相关 HTML5学习笔记

元素居中的几种方法总结：（当一个父元素包着一个子元素）第一种：子元素 margin：0 auto; 内水平居中第二种：父元素 position

Myth丶恋晨/ 2021年06月11日 15:13/ 0 赞/ 454 阅读