HTML标题标签h1-h6 的使用及段落标签
阅读 6
2020-11-21
HTML标题：H1到H6
为了使网页的层次结构更加清晰，我们可以使用HTML标题（heading），HTML使用了<h1>至<h6>六种类别的标签，H1最级别最大，浏览器会比其他字体更突出显示。从最高h1依次到h6,字体也是从大到小显示。这和word里面的标题类似。
看一下源代码如何写？
<html>
<head>
<title>标题h1-h6</title>
</head>
<body>
<h1>标题 1</h1>
<h2>标题 2</h2>
<h3>标题 3</h3>
<h4>标题 4</h4>
<h5>标题 5</h5>
<h6>标题 6</h6>
</body>
</html>这就是好像一家六兄弟依次排名，老大，老二，老三，老四，老五，老幺。网页显示的字体效果也是从最大最粗依到最小最细。
HTM段落标签<p>
我们看小说或其他文章都会看到一段一段的。在网页上用p标签表示一个段落(paragraph)
<html>
<head>
<title>段落标签p</title>
</head>
<body>
<h1>HTML的起源</h1>
<p>
超文本标记语言（HTML）是一种现代标准标记语言，它使用称为“标记”的常用缩写向web浏览器指示作者希望如何布局网页的各个部分。1989年，瑞士CERN（欧洲核研究组织）的英国物理学家蒂姆·伯纳斯·李（Tim Berners Lee）首次设计了该系统，以便在CERN物理学家之间共享所有计算机存储的信息。
</p>
<p>
伯纳斯-李创建了一个文本浏览器，通过超文本在互联网上传输信息，提供点击导航。1990年5月，这一系统被命名为万维网，并在1993年大学生马克·安德烈森（Marc Andreessen）添加了一个图像标签后得到了增强。现在HTML可以显示文本和图像，万维网很快变得非常流行。
</p>
<p>
随着各种网络浏览器的开发，它们的制造商开始添加单独的专有标签——有效地创建自己的HTML版本！万维网联盟（W3C）标准组织认识到HTML可能变得支离破碎的危险，因此他们创建了一个所有Web浏览器都应该遵守的标准规范。这成功地鼓励了浏览器制造商支持标准标签。
HTML5的最终W3C标准规范现在由Web超文本应用技术工作组（WHATWG）继续作为“HTML生活标准”。
</p>
<p>
万维网由一系列被称为“网络服务器”的大容量计算机组成，这些计算机通过电话线和卫星与互联网相连。每个web服务器都使用超文本传输协议（HTTP）作为通用通信标准，以允许连接到“web服务器”的任何计算机通过web访问文件。
HTML网页只是以“.htm”或“.html”文件扩展名保存的纯文本文件，如index.html
</p>
</body>
</html>
上以可以看到文本区分成不同的段落。
正文部分，插入一些文章标题，后面增加文章内容的段落
<html>
<head>
<title>标题和段落标</title>
</head>
<body>
<h1>江雪(唐代柳宗元五言绝句)</h1>
<h2>创作背景</h2>
<p>《江雪》这首诗作于柳宗元谪居永州期间（805年—815年）。唐顺宗永贞元年（805年），柳宗元参加了王叔文集团发动的永贞革新运动，推行内抑宦官、外制藩镇、维护国家统一的政治措施。但由于反动势力的联合反对，改革很快失败，柳宗元被贬为永州司马，流放十年，实际上过着被管制、软禁的“拘囚”生活。险恶的环境压迫，并没有把他压垮。在政治上不利，他就把人生的价值和理想志趣，通过诗歌来加以展现。这首诗便是其中一首代表作。</p>
<h3>作品原文</h3>
<p>千山鸟飞绝，万径人踪灭。<br>
孤舟蓑笠翁，独钓寒江雪。</p>
<h3>词句注释</h3>
<p>
绝: 无，没有。<br>
万径: 指千万条路。<br>
人踪: 人的脚印。<br>
孤: 孤零零。<br>
蓑笠: 蓑衣和斗笠。<br>
蓑：古代用来防雨的衣服；<br>
笠：古代用来防雨的帽子，用竹篾编成。<br>
独: 独自。
</p>
</body>
</html>以上代码保存HTML文档，然后在web浏览器中打开它以查看标题和文档结构，由顺序标题创建的文档结构称为文档“大纲”。
评论 (0)