htmlのヘッダー部を示すなら

HTML（エイチティーエムエル、HyperText Markup Language）と言う事らしい。
<!DOCTYPE html>
で、最初に書かなければならない。省略して　<html>　とする事も可能である。

    <!DOCTYPE html>
    <html lang="ja">
    <head>
    <meta charset="utf-8">
    <LINK rel="SHORTCUT ICON" href="../ta_kao.ico">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <meta name="description" content="たっちゃん研究では、Perl/CGIのプログラムなどを考察しています。">
    <title>たっちゃん研究(html編)</title>
    <meta http-equiv="Content-Style-Type" content="text/css">
    <style>
        body { 
            margin: 10px;
            background:#ffbbff;
         }
        .my_css { color:rgb(3, 57, 129);}
    </style>
    <link rel="stylesheet" href="styles_in.css">
    <script>
    if( screen.width/2 - 20 > window.innerWidth || screen.height/2 - 20 > window.innerHeight){
    alert("ページが小さ過ぎます。");
    }
    </script>
    <script src="../javascript.js" defer></script>
    </head>
    <body style="background-image : url(../bgsc_1.png);">
        <h1 style="background: #ffff00; color: #000033;">htmlのヘッダー部を示すなら</h1>
    <p>
    <span class="my_css">HTML（エイチティーエムエル、HyperText Markup Language）</span>と言う事らしい。<br>
    <!DOCTYPE html><br>
    で、最初に書かなければならない。省略して　<html>　とする事も可能である。<br>
    </p>
     <div id="us_ag">が</div>
    <hr>
    <div style="text-align: center;">
        <p>Tatyhan(<a href="https://tattyan0-0.sakura.ne.jp/" name="administrator" target="~_blank">たっちゃん</a>) by 2023/11/14- </p>
    </div>
    </body>
    <script src="javascript_in.js" defer></script>
    </html>

途中だから、順次ついかになりますが・・・
<pre><textarea name="mysample1" rows="25" cols="120" title="htmlのサンプル">

    @charset "UTF-8";
    /* １行目はあった方がコメントを母国語で入れられる */
    /* 英文onlyなら、必ずしも必要ではない。*/
    
    a {
        background: #ffffcc;
    }    

    // ver.0.01

    /*
     必要ならここに書き込んで読込後実行させる。
    */
    var ua = window.navigator.userAgent.toLowerCase();
    var protocol1 = window.location.protocol;
    if ((ua.indexOf("safari") !== -1) && (ua.indexOf("edg") == -1) && (ua.indexOf("chrome") == -1)) {
        //   if(!(/http/.test(protocol1)) && (/https/.test(protocol1))){
        //  window.location.protocol = "http" ;
        //    }
    } else {
        if (!(/https/.test(protocol1)) && (/http/.test(protocol1))) {
            window.location.protocol = "https";
        }
    }    

    var userAgent = window.navigator.userAgent.toLowerCase();
var dspua;
if (userAgent == "") {
    userAgent = "サポート外"
    dspua = '不明';//その他のブラウザ向けの記述
} else if (userAgent.indexOf('opr') != -1) {
    dspua = 'opr';//IE向けの記述
} else if (userAgent.indexOf('edg') != -1) {
    dspua = 'edg';///旧Edge向けの記述
} else if (userAgent.indexOf('chrome') != -1) {
    dspua = 'chrome';//Google Chrome向けの記述
} else if (userAgent.indexOf('safari') != -1) {
    dspua = 'safari';///Safari向けの記述
} else if (userAgent.indexOf('firefox') != -1) {
    dspua = 'firefox';///FireFox向けの記述
} else {
    dspua = '不明';//その他のブラウザ向けの記述
}
// console.log(userAgent); コンソールと言うとても便利な機能がありますが、順次追って、説明します。
document.querySelector('#us_ag').innerHTML = dspua + 'がお奨め'; //it /body after do you?

</textarea></pre>

まぁ、一発で動くとか、誤記入なしで出来るなら苦労はない。その辺を詰めて書いてみようと、思う。
開発者ツール・検査方法1 開発者ツール・検査方法2
開発者ツール・検査方法3 開発者ツール・検査方法4
開発者ツール・検査方法5
開発者ツール・検査方法6 開発者ツール・検査方法7
開発者ツール・検査方法8 開発者ツール・検査方法9
オールグリーン。全部修正した。

videoで紹介

Read out the UNA.

「ダウンロード」というのが写真に写っていますから、それを、クリックして指示に従うとインストール出来ます。

　総合　

が

Tatyhan(たっちゃん) by 2023/11/14-