fbpx

HTMLファイルをブラウザソフトで読み込む方法


《HTMLファイルをブラウザソフトに読み込ませるには・・・ドラッグ&ドロップ? それだけ??》


 作成したHTMLファイルがちゃんと機能しているかどうか、公開する前に是非、確認したいですよね。


 確認するためにはに HTMLの文字列文章作成ソフト(メモ帳や、サクラエディタなど)コピー&ペーストして、ブラウザソフト 上に ドラッグ & ドロップで完了!!

 え!それだけ?? はい、それだけ。

あ、そうそう……。

その際、前もってファイルの拡張子を『html』に書き直します。

(これは必ず。これを忘れると無視されます……。)


 以上です。簡単でしょ??

ウザい? android グーグルアシスタントを止める方法。(バージョン11編)


《勝手に起動するんだよなぁ……。オーナーとして、ちょっと傷付く。》


OK グーグル

で起動する便利な機能。『グーグルアシスタント』

「先月行ったあの横浜の中華屋さんはなんて名前だっけ?」 とか、「ふわトロオムライスのレシピを見せて」など話し掛けるだけで言葉を理解するAI 機能によって、検索・返答してくれる便利な機能です。しかし意図しないところで勝手に起動したり、あんまり使わない人にとってはなかなか鬱陶しかったりする。そういう人は是非……、


止めちゃいましょう!!

 ところが、『設定』の画面はバージョンによって表示される内容や言葉、構成や項目が違ったりして、初心者にはなかなかうまく設定までたどり着けない。

 だからここでは、androidのバージョン11に特化して、停止方法を紹介します。


まず自分のandroidのバージョンを調べます。それには、


『設定』『デバイス情報』『androidのバージョン』。

もし『11』ならこの方法で止められます!


まず、『設定』⇒『Google(サービスと設定)』と開き、『Googleアプリの設定』クリック。


続いて、『検索、アシスタントと音声』クリック。


続いて、『Googleアシスタント』クリック。


続いて、画面をずーっと下までスクロール。


すると下の方に、『全般』という項目がありますので、これをクリック。


出た!やっと出た!『Googleアシスタント』!このスイッチをオフにします。


これで『Googleアシスタント』は止まりました。ご苦労様でした!!


covid-19 2021 Sep Tokyo japan


9/30(木)

6735 0

6735 218人

3.23%

9/29(水)

7140 107

7247  267人

3.68%

9/28(火)

7003 (8076) 0

7003 (8076) 248人

3.54%(3.07%)

9/27(月)

10640 (12051) 0(87)

10640 (12138) 154人

1.44%(1.26%)

9/26(日)

2086 (2142) 0

2086 (2142) 299人

14.33%(13.95%)

9/25(土)

5745(5865) 0

5745 (5865) 382人

6.64%(6.51%)

9/24(金)

11622(11791) 0

11622(11791) 235人

2.02%(1.99%)

9/23(木)

2129 (2856) 0

2856 531人

24.94%(18.59%)

9/22(水)

7960(9945) 199  

8159 (10144) 537人

6.58%(5.29%)

9/21(火)

10406(11769) 145

10551 (11914) 253人

2.39%(2.12%)

9/20(月)

2673 (2925) 0

2925 302人

11.29%(10.32%)

9/19(日)

2101(2304) 0

2304  565人

26.89%(24.52%)

9/18(土)

5289(5682) 120 

5409(5802) 862人

15.93%(14.85%)

9/17(金)

6315(9609) 240

6555(9849) 782人

11.92%(7.93%)

9/16(木)

7835(9115)388 

8223(9503)831人

10.1%(8.74%)

9/15(水)

7951 (9363) 196

8147(9559) 1052人

12.91%(11.00%)

9/14(火)

10621(11331) 273 

10894(11604) 1004人

9.21%(8.65%)

9/13(月)

12573 (14642) 244

12817 (14886) 611人

4.67%(4.10%)

9/12(日)

2662(2895) 1067人

39.89%(36.85%)

9/11(土)

7051(7342) 151

7202(7493) 1273人

17.67%(16.98%)

9/10(金)

7068(12200) 199 

7267 (12399)1242人

17.09%(10.01%)

9/9(木)

9312(10246) 278 

9590 (10524) 1675人

17.46%(15.91%)

9/8(水)

9070(10637) 169 

9239(10806) 1834人

19.85%(16.97%)

9/7(火)

10587(11705) 456

11043(12161) 1629人

14.75%(13.39%)

9/6(月)

15473(16162) 398 

15871(16560) 968人

6.09%(5.84%)

9/5(日)

2025(2727)

1853人

91.50%(67.95%)

9/4(土)

6,922(8616) 132 

7054(8748) 2362人

33.48%(27.00%)

9/3(金)

8521 (12355) 383

8904 (12738) 2539人

28.51%(19.93%)

9/2(木)

12343(13127) 208

12551 (13335) 3099人

24.69%(23.23%)

9/1(水)

13110(13522) 465

13575(13987) 3168人

23.33%(22.64%)

予備知識ゼロから始めよう! HTML


《HTMLとは・・・炒め物、煮物。ん? ん?? 何の事?》


★head (頭)と body(体)の関係 ★


かの天才彫刻家、ミケランジェロは、代表作『ダビデ象』を足から彫ったと言われていますが……、
我々凡人は
やっぱり頭、そして体の順番ですよね。

HTMLとは・・・(HYPER TEXT MAKEUP LANGUAGE)の略です。ネット上に文章画像を表示するために開発された言語です。しかし、どの言語もそうですが、いきなり取っかかるのはハードルが高い。それぞれ最低限の決まり、ルールがありますからね。それを今から、ザックリと説明してみます。

 HTMLを記述するにはまず、

<!DOCTYPE html>

と記述します。

日本語訳……「初めまして!私はHTMLです!」

この<山括弧>に挟まれた文字列をまず初めに書きます。

これは絶対。

なぜならばこれは旧約聖書で言うところの

『光あれ!』

のようなモノですから。

ここからすべてが始まった!

イメージしてください。 


そして 

<html>『魂』、

<head>『頭』、

<body>『身体』,

の順で記述していき

だんだんその正体を明らかにしていきます。

《絶対ルールその1》

タグはすべてこの山括弧 <>で囲みます。そうしないと表示されません。タグを終了する時には、同じ名前のタグの前にスラッシュを入れて</>で挟みます。その際必ず『英語』で。日本語だと無視されますよ。

じゃあとにかく書いてみましょう。

何でもいいので、文章が書けるソフト(ワードとか、メモ帳とか)で以下の通りに書いてみてください。


<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p>

『初めまして!HTMLでございます。』

</p>

</body>

</html>


これがHTMLの正体です。

ここでは『初めまして!HTMLでこざいます。』という文字を表示するのに必要最少限のタグを表示してみました。

まず、

<html>タグ『魂』に例えました。

頭の先からつま先まで魂は満ちている!

というイメージで。

<!DOCTYPEhtml>の次の行、

文章の一番最初に<html>を書いて、一番最後に閉じタグ</html>を書いて、全体を括ります。

その中に、<head>タグ<body>タグと続きます、ん?

<p>タグというのがありますね。これは段落を入れるタグです。このタグで括ると、その括った部分が一つの段落として表示されます。今の様に1行だけの文章なら大して意味はありませんが、長文になってくると、この<P>タグが、グッと役に立つようになるんです。

あ! 

★タグのアルファベットは、大文字でも小文字でもいいんですが、出来たら統一した方が、なんだか見栄えがいいようです★

Tシャツに、『はじめまして、HTMLです!』と書かれた謎の人物の姿が、うっすら見えてきましたでしょうか??


確かに、これだけでも表示はされますが……、

おや?

よく見ると、<head>タグの中に何もありません。頭が空っぽ……。なんかちょっとカッコ悪い。頭が悪いみたい。

 本当はもっといろいろ<head>タグの中に入れる事が望ましいのです。

例えば、



●headタグの中にtitleタグを入れて サイトのタイトル名を入れたり……,

<head>
<title>HTMLのページ</title>
</head>

★上の様に記入すると、このサイトのタイトルは『HTMLのページ』になり、サイトの上部に表示されます。検索もこのワードでヒットするようになります★


●さらに、同じくheadタグの中に、文字化けを防ぐためのコードを<meta>タグで入れて宣言したり……、

<head>

<meta charset=”UTF-8″>

</head>


★こう記述すると、『このテキストはUTF-8属性で記述してます』と宣言したことになります★

●さらにさらに、<HTML>タグのカッコ内、<head>タグの上に、使用する言語の種類を宣言する lang=”ja”を入れたり……、

<html lang=”ja”>・・・このHTMLの言語(lang)は、日本語(ja)です。

これは、なんでしょうね……。<html>(魂)タグ<head>(頭)タグの間、さしずめ、『天使の輪』のような位置づけになりましょうか。

などの要素があります。

上のタグを全部入れるとHTMLはこう進化します。


<!DOCTYPE html>

<html lang=”ja”>

<head>

<meta charset=”UTF-8“>

<title>HTMLのページ</title>

</head>

<body>

<p>

『初めまして!HTMLでございます。』

</p>

</body>

</html>


 おお! 表示されるのは変わらず『はじめまして!HTMLでございます。』なのですが、<head>タグの中の情報が増えて、より知的な人物の姿が浮かび上がってきました。

飽くまで、イメージですけど……。


タグの種類そりゃあもう数限りなくありますから、その種類と働きについては

TAG-index

さんの方でわかりやすく、端的に、且つ詳しく紹介されていましたので是非ご参照ください。


 じゃあ試しに まず、この上のHTML文章ソフトに書き写してみます。


『メモ帳』に記入。

『ファイル』の『保存』をクリックし、ファイルの拡張子『html』に変更します。(これは絶対に忘れちゃいけませんよ。)

拡張子をhtmlに変更。

そしてこのファイルをブラウザで読み込んでみましょう!

↓↓↓

HTMLファイルをブラウザソフトで読み込む方法


ブラウザソフトの画面。

はい出来た!!

ちゃんと表示されました。されましたが……。


So what!?

(だから何だというんだい?)

そうなんです。HTMLとは文字や画像を表示するための形式、道具

の事であって、

情報(料理)を乗せるプラットホーム(お皿)でしかありません。

実際のサイトの内容の良し悪しは、

情報そのものである事はいうまでもありません!

切って、煮て、焼いて、盛り付けて……、

so what??

ではなく


何を、どう面白く、見易く、興味深く見せるか。魅せるか。

これを料理に例えると……、


厨房(HTML)、食材(情報)、そして料理人(運営者)。この三つが揃ってはじめて料理(サイト)が出来る。味付けはセンス。料理人の感性、フィーリングに任される。調味料(CSSなど)をうまく使って、美味しい料理(有用なサイト)を完成させよう!!

例えられるかもしれません。


CSSとは?

カスタムリンクとは?


《カスタムリンクとは・・・カスタムな、リンクの事か……。》


そもそも『カスタム』とは何か?


『カスタム』という言葉の意味は、


習慣、風習、慣例、関税


 だ、そうです。

『関税』はちょっと違いそうなので、

この場合、『習慣風習慣例』を用いて、

『例の、いつもの、毎度の』

解釈してみます。

つまり『カスタムリンク』とは本来、

サイト管理者の都合や好みに合わせて、

サイトの好きな場所に、自由に貼れるリンク。

解釈できそうです。


HTMLでは『<a href=””>~</a>タグを使いますが、地の文章中に散らばったリンクを探し当てるのはとても面倒で効率が悪いため、

 WordPressに搭載されている『カスタムリンク機能』ではそれをメニューに割り当てる事で、閲覧者より簡単に、より自由にリンク情報閲覧をできるように工夫されています。


これを飲食店に例えると……。

きまぐれマスターの『日替わりお薦めランチ!!』


と例えられるかもしれません。


★カスタムリンクを作る★


まず、『外観』⇒『メニュー』メニューページを開きます。


『投稿』・『カスタムリンク』・『カテゴリー』のなかから、

『カスタムリンク』をクリックします。(上図 コレ。1)

メニューは、とりあえず『トップメニュー』を選びます。(上図、コレ。2)


カスタムリンク編集画面2

URL の欄随意のサイトのアドレスを書き込みます。 (上図 コレ。1)

リンク文字列にはリンク名を書き込みます。 (上図コレ。2)

《ココでは仮に、アドレスを私のネットショップ『suzuri』

サイト名『net shop』にしてみました。》

そして『メニューに追加』(コレ。3)をクリックします。


カスタムリンク編集画面3

追加した『net shop』メニューの一番下に追加されています。それを一気に、一番上『home』までドラッグ!

カスタムリンク編集画面4

そして『home』の副項目にドロップ!

ドロップしたら、『メニューを保存』をクリック。(上図 コレ。)

じゃあ、実際、『トップメニュー』『カスタムリンク』が設定されたか見てみましょう!

カスタムリンク編集画面5

『home』にカーソルを合わせると、『net shop』と副項目が表示されました。クリックしてみると……。(上図 コレ。)


カスタムリンク編集画面6

ちゃんと、リンクしてました。

ご来店お待ちしております。

covid-19 2021 Aug Tokyo japan


8/31(火)

12425 (15390) 358

12783(15748) 2909人

22.75%(18.47%)

8/30(月)

20083 (22042) 538

20621 (22580) 1915人

9.28%(8.48%)

8/29(日)

3515 (3700) 179

3694 (3879)3081人

83.4%(79.42%)

8/28(土)

9853(10267)272 

10125(10539) 3581人

35.36%(33.97%)

8/27(金)

10579 (17403) 399

10978(17802) 4227人

38.5%(23.74%)

8/26(木)

14680(16162) 308  

14988(16470) 4704人

31.38%(28.56%)

8/25(水)

12074 (15614) 315

12389 (15929) 4228人

34.12%(26.54%)

8/24(火)

16672(17754) 833 

17505(18587) 4220人

24.1%(22.7%)

8/23(月)

18752(22668) 342

19094(23010) 2447人

12.81%(10.63%)

8/22(日)

3973 (4341) 195 

4168(4536) 4392人

105.34(96.82%)

8/21(土)

10327(10927) 418

10745(11345) 5074人

47.22%(44.72%)

8/20(金)

10937(18122) 430

11367(18552) 5405人

47.54%(29.12%)

8/19(木)

13550 (15584) 329 

13879(15913) 5534人

39.87%(34.77%)

8/18(水)

16267(16748) 224 

16491(16972) 5386人

32.66%(31.73%)

8/17(火)

14503(18252) 548

15051 (18800) 4377人

29.08%(23.28%)

8/16(月)

21527(22506) 411

21938 (22917) 2962人

13.5%(12.92%)

8/15(日)

3517 (4156) 213

3730 (4369) 4295人

115.14%(98.3%)

8/14(土)

9090(9648) 385 

9475(10033) 5094人

53.76%(50.77%)

8/13(金)

9776(16762) 626 

10402(17388) 5773人

55.4%(33.2%)

8/12(木)

11685(13189) 602

12286(13791) 4989人

40.6%(36.1%)

8/11(水)

12166(14865) 696 

12862(15561) 4200人

32.65%(26.99%)

8/10(火)

16429(20446) 424

16853 (20870) 2612人

15.49%(12.51%)

8/9(月)

5629 (5846) 218

5847 (6064) 2884人

49.32%(47.55%)

8/8(日)

3579(4045) 113

3692 (4158) 4066人

97.78%

8/7(土)

9895(10255) 219

10114(10474) 4566人

45.14%(43.59%)

8/6(金)

10408(16785) 500

10908 (17285) 4515人

41.39%(26.12%)

8/5(木)

1186(14240)484 

12344(14724)  5042人

40.84%(34.24%)

8/4(水)

12407(14148) 547 

12954(14695) 4166人

32.15%(28.34%)

8/3(火)

12577(15299) 464 

13041(15763)  3709人

28.44%(23.52%)

8/2(月)

16173 (19292) 447

16620(19739) 2195人

13.2%(11.12%)

8/1(日)

2673(3927) 138 

2811(4065) 3058人

92.4%(75.22%)