window(グローバルオブジェクト)

ブラウザのウィンドウ自身を操作するWindowインターフェースというのはあるが、クラスではない模様。
自身でnewすることはなく、ブラウザのウィンドウ自身を指すグローバルオブジェクトwindowとして存在し、これを使っていく。

ウィンドウ(Window) - とほほのWWW入門

scriptタグ内では、windowを省略できる。

window.alertで"with window"を表示した後、windowを省略したalertで"without window"を表示する。

f:id:BG1:20210708124025p:plain
windowあり

"with window"と表示。

windowなし
windowなし

"without window"と表示。

ページを表示
ページを表示

その後、普通にページを表示。

Sample/js/Window/window_global/src/Window at master · bg1bgst333/Sample · GitHub

script

scriptタグはJavaScriptなどのスクリプトを書くタグ。

<script> - スクリプト

scriptはheadに書くのが一般的だが、今回はbodyの中にscriptタグを入れて、その中でJavaScriptでwindow.alertで"Script"と表示するようにしている。

読み込み開始時
読み込み開始時

読み込み開始時は、"Script"がダイアログで表示される。

OKを押すと、

通常のHTML
通常のHTML

閉じて通常のHTMLページが表示される。

ちなみに、コメントの"-->"の前に"//"を付けているのは、"-->"から始まる行がJavaScriptとして判定されるから、そこに"//"を付けることでJavaScriptとして判定されないようにするためである。

コメントアウトについて

Sample/html/script/script/src/script at master · bg1bgst333/Sample · GitHub

body

bodyタグはhtmlのボディ部分であることを示すタグ。

<body> - 本文

headの中ではなく、headと並ぶ同階層にbodyタグを置いて、その中に表示したい本文やタグを入れていく。
ここでは"Body"を表示する。

bodyタグ
bodyタグ

ページそのものにようやく"Body"と表示された。

Sample/html/body/body/src/body at master · bg1bgst333/Sample · GitHub

title

titleタグはhtmlドキュメントのタイトルを定義するタグ。

<title> - タイトル

headタグの中にtitleタグを書き、さらにその間に表示したいタイトルを書く。
ここでは"Title"としている。

titleタグ
titleタグ

ブラウザのタブの部分が"Title"になった。

Sample/html/title/title/src/title at master · bg1bgst333/Sample · GitHub

html

htmlタグはhtmlドキュメントであることを示すタグ。

<html> - HTML文書

$ pwd
/var/www/html
$ vi html.html 
$ cat html.html 
<html>
</html>
$ sudo systemctl restart httpd
$ ifconfig
enp0s3: flags=4163<UP,BROADCAST,RUNNING,MULTICAST>  mtu 1500
        inet 10.0.2.15  netmask 255.255.255.0  broadcast 10.0.2.255
        inet6 fe80::3b07:5151:e763:f8b0  prefixlen 64  scopeid 0x20<link>
        ether 08:00:27:75:6b:bc  txqueuelen 1000  (Ethernet)
        RX packets 12766  bytes 4636340 (4.4 MiB)
        RX errors 0  dropped 0  overruns 0  frame 0
        TX packets 11109  bytes 1355834 (1.2 MiB)
        TX errors 0  dropped 0 overruns 0  carrier 0  collisions 0

lo: flags=73<UP,LOOPBACK,RUNNING>  mtu 65536
        inet 127.0.0.1  netmask 255.0.0.0
        inet6 ::1  prefixlen 128  scopeid 0x10<host>
        loop  txqueuelen 1  (Local Loopback)
        RX packets 20  bytes 1720 (1.6 KiB)
        RX errors 0  dropped 0  overruns 0  frame 0
        TX packets 20  bytes 1720 (1.6 KiB)
        TX errors 0  dropped 0 overruns 0  carrier 0  collisions 0

$

html.htmlを編集して、一応Apacheリスタートしてネット繋がってるか確認してる。

htmlタグ
htmlタグ

何も表示されない。
htmlドキュメントであるってだけなので。

改めて・・・。
これしかないからね・・・。

Sample/html/html/html/src/html at master · bg1bgst333/Sample · GitHub