i-phoneだけで収入を増やそう！
HTML入門編
HTMLを覚えよう！
HTMLとは.....
ここでは、HTMLとは何？っていう方に簡単な説明をしたいと思います。
ハイパー テキスト マークアップ ランゲージ
【Hyper Text Markup Language】の頭文字を並べた略語です。
簡単に解釈するならば、インターネットの言語です。
基本的にウェブサイトはHTMLで作成されています。一言でHTMLと言っても、たくさんのタグが存在するので、全てを簡単に覚える事は容易ではありません。
初心者の方は、たくさんのタグを１度に見ると難しく感じると思いますが、簡単なタグから覚えれば少しずつ身に付くと思います。
今は「HTML５」というのが最新版ですが４回目の改良ということになります。古くから研究されて色々進化してきたんだなぁと感じます。
HTMLを知らなくても無料ブログサイトなどで情報発信できるよ！って言うかたも少なく無いとは思いますが、その無料ブログでもHTMLで構成されていますから、知らないよりは知っているほうが良いですよね。
タグの詳細は私が説明するより無料の優良サイトがありますので、リンクを貼って紹介しておきます。ブックマークしておくと後からでも見ることができますよ！
「i-phoneだけサイト作成」もブックマークしておいて頂けたら嬉しいです！
フューチャーフォン時代から私が愛用しているサイトで、とてもシンプルで両親的なサイトです。このサイトのタグがある程度理解できれば、貴方はもうウェブページが作成できると思います。
こちらは「みんなのタグ辞書」というサイトです。スマートフォンで見るには拡大してタグを調べるようになりますが、こちらも勉強になります。ご覧の様にバーナーまで用意して頂いていますので紹介させて頂きました。
※あまりたくさんのサイトを紹介して混乱させてはいけないので、今回はこのくらいにしておきます。
HTMLを練習するには.....
私は最初、HTMLを覚えようとして一生懸命読みました。仕事をしながら趣味程度のつもりでダラダラと.....
しかし覚えきれるものではありませんよね。そこで無料のホームページなどで練習して覚えました。やっぱり実際にやってみるのがスキルアップの最短ルートだと思います。
ここで私が色々試して、今でも使っているアプリを紹介します。
有料版は広告無しで登録できるサーバーが(？)です。（私は５サーバー登録しています。）
少し中身をお見せしてみましょう。
アプリをダウンロードして開いて「初期画面下部」の「ファイル」をタップすると、ファイル管理画面になります。
次にファイル管理画面下部の中央部の「ファイル＋」をタップします。
すると２６種類のファイル形式が表示されます。その上から２番目に「html」がありますのでタップします。
するとあらかじめセットされた言語が表示されます。
よく見ると、「xhtml 1.0」の仕様になっています。そのまま画面をタップするとキーボードが立ち上がりますので、全部消しちゃって下さい。
全部消したら画面右上の
をタップしてセーブをタップします。すると１回目のセーブなので「再命名」という画面になって名前をつけるように要求されます。
練習用ならどんな名前でもセーブできますので、私は撮影用にこんな名前をつけました。「確認」をタップしてファイルができました。
※名前を変えずにセーブすると「Untitle.html」というファイルになりますよ。
これで中身は無い「tekitou.html」ファイルができました。次はファイルにHTMLを入力してみましょう。
とはいえ、何を入力すれば良いの？っていう方は、次の全文をそのままコピーして使って下さい。
※初心者の方は、これをコピーして作成したHTMLファイルにペーストして下さい。
これでをタップして「セーブ」すればHTMLファイルの完成です。
プレビューで確認
HTMLファイルを作成することができる様になりましたが、実際にどう反映されるの？という事が気になりますね。そんな時は「プレビュー」を確認すると参考になります。
まず、初期画面から「ファイル」をタップして作成したファイルをタップします。
【(ココ）をタップ！】
次にをタップします。ここで「セーブ」したり、「プレビュー」したりできます。「プレビュー」をタップすると「プレビュー画面」が表示されてHTMLファイルがどう反映されているか分かりますね。
簡単なHTMLファイルの作成ができるとCSSを覚えたくなりますよ！（続く）
スポンサーサイト
上の固定ヘッダーから戻れます！