html 显示字体不一致

想问一下 为什么字体不一致 不知道哪里出错了 希望大家指导一下

img


下面是代码

 <IDOCTOPEhtml>
 <html>
 <head>
  <title>Black goose Bistrotitle>
 head>
 <body>
 <h1>Blackgoose Bistro<h2>TheRestauranth2>
 <p>The Black Goose Bistro offers casual lunch and dinner fare in a relaxed
 atmosphere. The menu changes regularly to highlight the freshest local
 ingredients.p>
 <h3>Catering<h3>
 <P>You have fun.<em>we＇1l handle the cooking.<em> Black Goose Catering can handle
 events from snack for a meetup to elegant corporate fundraisers.p>
 <h4>LocationandHours<p>Seekonk，Messachusetts
 Monday through Thursday 11am to 9pm;Friday and Saturday，11am to
 midnightp>
 body>
 html>

h1-h7 标签都有不同的样式，字体 size 都不一样。weight 都为bold
在 HTML 中，h1-h6 标签的默认样式包括字体大小和字体深度，而 h7 标签并不是 HTML 规范中定义的标签。具体的默认样式如下：

h1 标签的默认字体大小为 2em

h2 标签的默认字体大小为 1.5em

h3 标签的默认字体大小为 1.17em
h4 标签的默认字体大小为 1em，

h5 标签的默认字体大小为 0.83em

h6 标签的默认字体大小为 0.67em
需要注意的是，以上样式是浏览器的默认样式，不同的浏览器可能会有不同的默认样式。如果需要自定义 h1-h6 标签的样式，可以使用 CSS 对其进行样式设置。

img

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>1111</h1>
    <h2>1111</h2>
    <h3>1111</h3>
    <h4>1111</h4>
    <h5>1111</h5>
    <h6>1111</h6>
    <h7>1111</h7>
    
    以下是 p,span
    <p>1111</p>
    <span>1111</span>
</body>
</html>

img