htmlで質問です。 下記の文言を条件にならって画面ヘッダー下に入れたいのですが、どのように作成した

htmlで質問です。
下記の文言を条件にならって画面ヘッダー下に入れたいのですが、どのように作成したら良いでしょうか。
カラー指定等はタグに埋める感じで作りたいです。
テスト
あああ
いいい
ううう
えええええええええええええええええええええ
おおおおおおおおおおおおおおおおおおおおお


■条件
共通
・背景色:黄色

テスト
・フォントサイズ:20
・中央揃い

あああ〜ううう
・フォントサイズ:18

えええ
・フォントサイズ:16

おおお
・フォントサイズ:14
・フォントカラー:赤

No.2 ベストアンサー 回答者： Ogre7077 回答日時： 2022/10/19 11:07

> 画面ヘッダー下に入れたい

HTML 構造的にヘッダー部より下に書きましょう

> タグに埋める感じ
https://developer.mozilla.org/ja/docs/Web/HTML/G …

共通の背景色と、個別のフォントサイズを指定するなら
<div style="background-color:yellow;">
_ <div style="font-size:20px; ...">テスト</div>
_ ...
</div>

参考)
https://developer.mozilla.org/ja/docs/Web/CSS/ba …
https://developer.mozilla.org/ja/docs/Web/CSS/fo …
https://developer.mozilla.org/ja/docs/Web/CSS/te …
https://developer.mozilla.org/ja/docs/Web/CSS/co …

No.3 回答者： t_fumiaki 回答日時： 2022/10/19 11:16

直接html内にスタイルを記述するやり方を使う。

段落を作る為、pタグで囲む。

<p style="background-color:#ffff00;font-size:20px;text-align:center;">テスト</p>

以下同様にやる。

背景色　background-color:#ffff00;　赤は#ff0000
文字サイズ　font-size:20px;
中央配置　text-align:center;

No.1 回答者： 銀鱗 回答日時： 2022/10/19 09:24

ヒント：「HTML フォント指定　タグ」でインターネット上を検索。

同様の疑問もこのようにして解決できます。