header>
    
h1>
    这是网站的标题/h1>
    
nav>
    
a href="#">
    首页/a>
    
a href="#">
    产品介绍/a>
    
a href="#">
    联系我们/a>
    
/nav>
    
/header>
    

`标签来设置网站的标题，使用``标签来定义一个导航菜单。在导航菜单中，我们使用``标签来定义链接。接下来，我们可以使用CSS来样式化页眉。例如：

style>
header {
    
  background-color: #333333;
    
  color: #ffffff;
    
  padding: 20px;
}
h1 {
    
  font-size: 36px;
    
  margin-bottom: 0;
}
nav {
    
  display: inline-block;
    
  margin-top: 10px;
}
nav a {
    
  color: #ffffff;
    
  text-decoration: none;
    
  margin-right: 10px;
    
  font-size: 18px;
}
    
/style>
    

在这个例子中，我们使用CSS来样式化页眉。我们设置了``标签的背景色、文字颜色和内边距大小。同时，我们使用`

`的字体大小和顶部外边距来调整网站标题的显示。在导航菜单中，我们使用`display: inline-block`来使菜单项目横向排列。我们还设置了菜单项目的颜色、字体大小、间距等等。总之，在HTML中，我们可以使用标签和属性来定义页眉，再使用CSS来修饰它的样式。把这些设置好，我们就可以得到一个漂亮而实用的页眉了。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！