自学HTML教程，一级至六级标题标签

图是一至六级标题.HTML代码是怎么样的？（自学示例1）

一级标题至六级标题

标题标签表示一段文字的标题或主题，并支持多层的内容结构。例如一级标题采用<h1>，二级标题采用<h2>，其他级别标题以此类推。HTML共提供了六级标题 <h1>~<h6>.并赋予了标题一定的外观，所有标题字体加粗，<h1>最大<h6>最小。

通过使用WebStorm工具，代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>不同等级的标题标签对比</title>
</head>
<body>
<h1>头条号</h1>
<h2>头条号</h2>
<h3>头条号</h3>
<h4>头条号</h4>
<h5>头条号</h5>
<h6>头条号</h6>
</body>
</html>

是不是很简单，自己操作试一下吧。

这里的<html lang="en">可以理解为我编辑的这个页面是英文的。Chrome之类的浏览器会提示是否需要翻译。

TML 基础- 4个实例

本章介绍了 HTML 中较为常用的标签的实例。

您可能还没接触过这些实例，不过不用担心，阅读完本章您就能够掌握它们了！

HTML 标题

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。

h 是英文header标题的缩写，标题无处不在，它的应用范围十分广泛：网站结构、写作文、PPT 等。h1 是主标题，h2 是副标题，h3、h4、h5、h6 依次递减字体的大小。

实例

<h1>这是一个标题</h1>

<h2>这是一个标题</h2>

<h3>这是一个标题</h3>

HTML 段落

HTML 段落是通过标签 <p> 来定义的，P 是英文paragraph段落的缩写，经常被用来创建一个段落，就和你写作文一样，您可以进行实战实验。

实例

<p>这是一个段落。</p>

<p>这是另外一个段落。</p>

HTML 链接

HTML 链接是通过标签 <a> 来定义的.a标签，也叫anchor（锚点）元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能。

实例

<a href="#">这是一个链接</a>

提示:在 href 属性中指定链接的地址。

(您将在本教程稍后的章节中学习更多有关属性的知识)。

HTML 图像

HTML 图像是通过标签 <img> 来定义的。使用img元素来为你的网站添加图片，使用src属性指向一个图片的具体地址。

举例如下：<img src="#">

请注意：img元素是自关闭元素，不需要结束标记。

实例

注意：图像的名称和尺寸是以属性的形式提供的。

教学还没结束哟，我会尽快编辑下一章。

我是一名前端开发程序员，自己整理了一份2019最全面前端学习资料，从最基础的HTML+CSS+JS到移动端HTML5到各种框架都有整理，送给每一位前端小伙伴，这里是小白聚集地，欢迎初学和进阶中的小伙伴
前端资料获取方式：
1.在你手机的右上角有【关注】选项，点击关注！
2.关注后，手机客户端点击我的主页面，右上角有私信，请私信回复：【学习】
电脑已经设置好了关键词自动回复，所以回复的时候请注意关键词哟~

英国《太阳报》报道，菲律宾一位网页设计师为了向自己的职业致敬，给自己的儿子取名为“Hypertext Mark-up Language（超文本标记语言）”。这位叫做Mac Pascual的父亲表示，给新生儿取个独一无二的名字是他们家族的传统。他对自己的工作充满热情，决定给自己的宝宝取名为HTML。据媒体报道，这个宝宝出生在当地的布拉坎医疗集团合作医院，体重2.25公斤。

6月10日，HTML的姑姑Salie Rayo Pascual拍下了这个可爱侄子的照片，并把照片发布到了Facebook上，标题是“HTML，欢迎来到这个世界”。这篇帖子很快引起了网友们的关注，大家纷纷评论并转发了这个帖子。不过，还是有一些社交媒体用户对这个奇特的名字进行了一番嘲笑，并嘲讽般地建议他给未来的孩子用一些其他的编码缩写来当名字，比如“Results-based management system”、“JavaScript”，或者是“Cascading Style Sheets（CSS）”。还有人对宝宝的名字表示了担忧评论道：“将来，他可能会成为被欺负和被嘲笑的对象。”

HTML的爸爸解释说，他自己的名字“Mac”就是“Macaroni'85”的缩写，而他姐姐的名字是“Spaghetti'88（意大利面）”的缩写。他的姐姐有两个孩子，分别叫“Cheese Pimiento（辣椒奶酪）”和“Parmesan Cheese（帕尔玛奶酪）”，所以他们的小名分别是“Chippy”和“Peewee”。HTML和其他名字不同寻常的婴儿一样，从出生起就成为了人们讨论的话题。特斯拉的首席执行官Elon Musk和Claire Boucher（Grimes）就给自己的儿子取名为“X ? A-12 Musk”，因而上了新闻头条。今年早些时候，模特兼女演员Emily Ratajkowski 通过社交媒体宣布，她将给自己刚出生的宝宝取名为“Sylvester Apollo Bear”。（中国青年网编译报道）

来源：中国青年网

在线咨询

上一篇：PHP 如何生成 html 文件？
下一篇：熬夜总结了“HTML5画布”的知识点（共10条）

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。