本当に『何もわからない』人にざっくりHTMLを説明する記事。
はじめましての方は、はじめまして！
そうでない方はこんにちは！ まゆにゃあです！
知人のノート執筆者の方の記事からの流れで、
HTMLが割とわからない人が多そうなので記事にします。
この知人は、私のノートを最初期から読んでいる方なら、
察しが付いていると思いますが、以前記事にした、
例の初人者でもわかる！が理解できなかった某氏です。
（関連記事：私の記事が話題に⁉️@九頭谷紅葉）
せっかくなので今回は、一般消費者の何もわからんを
『なんとなくわかる』ように極力専門用語には注訳をつけて、
記していこうと思います。
①この記事はなんぞや(；・∀・)
詳細は上の記事を読んでもらうとして、ざっくり言うと、
１、プログラミング関係の勉強をする事になった
２，でもなにもわからん
３，HTMLってなに
４，ほかの誰か「Hello World」だと。
５、だからそれなに
こんな具合で大丈夫か紅葉さん。。。。
②”メモ帳”でHTML:(；ﾞﾟ'ωﾟ'):
マジで言ってますそれ,,,,,(多分マジなんだろうけど)
私的には、メモ帳でHTMLってできなくはないですが、
おすすめができないんですよね・・・・。
おすすめはTerapad（無料だし使いやすい）
とりあえずこの記事での説明は全部これ使うので入れてください。
インストールの仕方。。。
TeraPad(インストーラあり)1.09の方をダウンロード、
そしてダウンロードしたものをダブルクリックで実行、
あとは、表示に従って次へを押していくだけ（とてもかんたん）
インストールしたら初期設定
初期設定っても文字のおサイズが最初が小さめなので、
おおきくしたかったらどうぞってやつ。。。
これでできます・・・・
使い方
HTML書く時は表示＞編集モード＞HTMLにする。
③HTMLの書き方・Webサイトの仕組み
特に何も考えずにちゃんとした記事が作れるNoteですが、
裏をのぞけば自動で処理されてるだけだったりします・・・。
サンプルコード
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My test page</title>
</head>
<body>
<p>This is my page</p>
</body>
</html>こんなの置かれても⊂( ・∀・)ﾜｹ ( ・∀・)つﾜｶ ⊂( ・∀・)つﾗﾝ♪
っていわれそうなのでちゃんと書きますよ。
１行目：これが何なのかをパソコンにわからせる命令
（これはHTMLファイルですっていう指示）
２、１０行目：ホームページを見るソフト（ブラウザ）に
読みこませるための指示（<html>～</html>）
３～６行目：ヘッドタグ(タイトルが出るところ)
７～９行目：ボディタグ（本文が出るところ）
まずホームページは＜＞＜/＞でできています。
日本語で言うところの「 と 」です。
これをタグといい、全てのタグは開始タグと終了タグが必要です。
スラッシュがある方が終了、ない方が開始タグです。そして必ず半角です。
赤矢印がヘッド、青矢印がボディです。
早速書いてみてください。
(上のサンプルコードをコピペでも動くように
してあります)
ちゃんと出来ていればこうなってるはずです。
保存しましょう
このエディッタのいいところは、
編集モードがHTMLなら保存形式もHTMLになるところ！！！
※つまり変にあとからtxt>htmlに拡張子かえなくていい！！！
わからないことあれば連絡ください。。。
いいなと思ったら応援しよう！
