<title>初心者向けホームページテンプレート tp_beginner5</title>文字として表示させたい

Question

前提・実現したいこと

サンプルサイトを模写しており、
<span><title>初心者向けホームページテンプレート tp_beginner5</title></span>
(spanタグは背景色用です)　titleタグまで文字として表示させたいのですが、↑のままでやるとそもそも表示されず、
そのかわりdisplay:inline-block等にすると表示はされるんですが　<title></title>部分が表示されず
初心者向けホームページテンプレート tp_beginner5としか表示されません。
どうしたら<title>まで表示されるでしょうか、よろしくお願いします。

 <div class="block_1">
    <p class="color">■titleタグの設定はとても重要です。念入りにワードを選んで適切に入力しましょう。</p>
    <p> まず、htmlソースが見れる状態にして、上から６行目あたりにある、<br>
        <span><title>初心者向けホームページテンプレート tp_beginner5</title></span><br>
        を編集しましょう。<br>
        あなたのホームページ名が「SAMPLE SITE」だとすれば、<br>
        <span>＜title>SAMPLE SITE＜/title＞</span><br>
        とすればＯＫです。
    </p>
</div><!--end .block_1 -->
`
 .inner{
        line-height:2;
        .margin{
            margin-left: 20px;
        }
        p:nth-of-type(even){
            margin-left: 20px;
        }
    .block_1{
        padding: 20px 0;
    }

.warning{
        .color{
            @extend .color;
        }
        span{
            background:#f0f0f0;
        }
        title{
            display: inline-block;
        }
    }

 .color{
        color: $m_c;
        font-weight: bold;
        margin-bottom: 5px;
    }

試したこと

display:inline等だと表示されたが<title>タグまでは表示されなかった

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

HTMLタグやコード、特殊文字を文字列として表示させる方法
WordPressの記事ですけどまぁ関係ないでしょう。
ここ見たらわかります

Answer 2

HTML文書の中で<や>を表示したいときは、それぞれ< > と書かなければなりません。
そうしないとHTMLタグと認識されてしまうからです。

Comments

[m.ts10806]

あ、そういうことでしたか。

Answer 3

質問の意図を読み違えましたスルーしてください。

そもそもtitleタグはブラウザのタブに表示させるものであって、ページ内に表示されるものではありません。
そのspanは意味がありません。

ページ内に表示させたいものはbodyタグ内に記載します。
タイトルと見出しが重複する内容であってもそれが仕様なので面倒でもその都度書くしかありません。
見出しなので、一般的にはhx（h1~）タグでしょうか。

Comments

[K_3578]

>m.ts10806さん
質問の要件が解りにくいしもしかするとこっちが正かもしれないです。

[m.ts10806]

提示された内容だけだと分からないですね。
模写なのに「SAMPLE SITE」というも混乱のもとというか