html的同一行标题和作者如何设置代码
时间: 2024-09-23 15:06:29 浏览: 4
HTML中在同一行设置标题和作者通常使用`<header>`标签配合内联样式或者CSS来实现。这里是一个简单的例子:
```html
<header style="display: flex; justify-content: space-between;">
<h1>页面标题</h1>
<span>作者信息 - Your Name</span>
</header>
```
在这个例子中,`<h1>`标签用于表示主要的页眉标题,`<span>`标签则用于放置作者名字。`style="display: flex; justify-content: space-between;"` 这部分CSS设置了显示模式为弹性布局,并将两者之间的内容均匀地分布在主轴上(默认水平方向)。
如果你想使用外部CSS,可以这样做:
```html
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<header>
<h1 class="title">页面标题</h1>
<span class="author">作者信息 - Your Name</span>
</header>
<style>
.header {
display: flex;
justify-content: space-between;
}
.title, .author {
/* 其他需要的样式 */
}
</style>
```
在这里,`.header`, `.title`, 和 `.author` 是CSS选择器,分别对应HTML元素的类名,定义了它们的样式。