iPhoneでプログラミング~brタグ~
こんにちは。
前回はpタグについて解説さえていただきました。
今回はbrタグについてです。
今回ももちろんJavaScript Anywhereを使っていきます。
前回のソースコードの
pタグの中に
"また開始タグと終了タグに囲まれた全体の内容のことを要素と言います。"
という文章を足してみました。
再生マークを押して
ブラウザ上で見てみると
文章が繋がっていて見づらいです。
なので途中で一旦、改行を入れたいところです。
「そんなのHTML内で改行するだけでいいじゃん?」
と思ってしまいますが
残念なことにブラウザ上では
HTMLの改行は反映されません。
ブラウザ上では改行されていません。
ここで登場するのが
brタグです。<br>←こうやって書きます。
brタグを使うことで
ブラウザ上で改行することができるようになります。
brタグを使えば・・・
きちんと改行されています。
ここで
「あれ?終了タグはないの?」
と疑問に思った人がいるかもしれませんね。
そう。brタグには終了タグがありません。
brタグを書くことで簡単に改行ができますので
とてもわかりやすいですね~
brタグの説明は以上です。
P.S
(終わり方がいまいちよくわからない…)
iPhoneでプログラミング~pタグ~
こんにちは。
前回はタグ*1の説明をさせていただきました。
今回はその続き。
前回はh1タグの話だけでしたが
今回は他のタグについても紹介していきます。
もちろん今回も
javascriptanywhereを使っての解説です。
前回解説したh1タグに囲まれた文字は意味になるか
覚えていますでしょうか?
そう、"見出し"として扱われます。
見出しがあれば
その後に文章を書いていくのが
普通ですよね。
その文章を書いていく時に使うタグが
"pタグ"です。
pタグに囲まれた文字(<p>~</p>)は
1つの"段落"として扱われます。
文章書く上で段落は大事ですよね。
それでは早速、書いてみます。
<p>と</p>を書いて、
その間に好きな文章を書いてみましょう。
ちなみに
"<>(山カッコ)"はキーボードの"6"の中に、
"/(スラッシュ)"は左下にあります。
(※みんなの顔文字キーワードの場合)
※注意!
タグは全て、全角ではなく半角で記載しましょう!
ココでは以下のように書いていきます。
・・・・・・・・・・・・・
<p>HTMLというのは基本的に開始タグと終了タグに囲まれた構造になっています。</p>
<p>h1タグは見出しとして扱われます。</p>
<p>pタグは段落として扱われます。</p>
・・・・・・・・・・・・・
再生マークを押すと
このようになります。
わからづらいかもしれませんが
実際はこのように段落分けされています。
以上、pタグの説明でした。
*1:<○○○>のこと
みんなの顔文字キーボードの設定方法
こんにちは。
みんなの顔文字キーボードの設定方法を
お話ししていきたいと思います。
みんなの顔文字キーボードをインストールして
設定>一般>キーボード>
キーボード>新しいキーボードを追加>
みんなの顔文字キーボード
を選択します。
下の画像のように
キーボードに
みんなの顔文字キーボードが
追加されていることを確認。
キーボードを出して、
地球儀のマーク?を長押しして
みんなの顔文字キーボードを選択すれば
使用することが出来ます。
↑地球儀マークを長押し
みんなの顔文字キーボードを
選択すれば使用できます。
以上、
みんなの顔文字キーボードの
設定方法でした。
【追記】
「みんなの顔文字キーボード」は
「flick」に名前変更されました。
iPhoneでプログラミング~早速プログラムを書いてみよう~
こんにちは。
iPhoneでプログラミングをしようということで
JavaScript Anywhereを使ったプログラミング講座的なものを
はじめていきたいと思います。
(このブログはプログラミングを知らない初心者の方に向けて書いております。)
【用意】
・iPhone(iPadも可)
・JavaScript Anywhereのインストール
・みんなの顔文字キーボードのインストール(お好みで)
まずはiPhoneから
JavaScript Anywhereをインストールしましょう。
あとは
みんなの顔文字キーボードもインストールしておくと
入力が楽になります。
みんなの顔文字キーボードの使い方はこちら
JavaScript Anywhereをインストールすると
最初にこんな画面が出ていきます。
Hello,JavaScript Anywhere!
を押すと
上に JS,HTML,CSSの3つのタブがあります。
そしてその横に再生マークがありますね。
再生マークを押してみると
このような画面が出てきます。
この画面が普段、僕たちが見ているブラウザ上の画面になります。
JS,HTML,CSSのソースコードをいろいろいじることによって
このブラウザ上の表示も変わっていくことになります。
では実際にソースコードをいじってみましょう。
まずHTMLを開きます。
訳のわからない
英語がゴニャゴニャ書いてありますね。
訳がわからないかもしれませんが
最初は<body>~</body>に囲まれた部分のみに
注目してそれ以外は無視で大丈夫です。
<body>の下に
<h1>Hello,HavaScript Anywhere!</h1>
と記載してありますが
Hello,HavaScript Anywhere!を消して
<h1>と</h1>の間に好きな文字を書いてみましょう。
ここでは
プログラムを書こう!
と記載します。
再生マークを押すと
こんな感じに表示されます。
<○○○>のことを"タグ"と言い
<h1>のことは"h1タグ"と言います。
HTMLは基本的に
このタグ(開始タグ~終了タグ<○○○>~</○○○>)に囲まれた構造になっています。
そして開始タグ~終了タグに囲まれた全体を
"要素"と言います。
h1タグに囲まれたものは
"見出し"として扱われます。
タグは他にもたくさんあります。
次回から他のタグについても
解説していきます。
iPhoneでプログラミングを始めよう!
どうもはじめまして。
新年と言う区切りの良い日にブログを始めます。
よろしくお願いします。
【iPhone7購入】
僕は昨日、念願のiPhone7を購入しました。
これまでずっとAndroidを使ってきていましたので
iPhoneを使うのは初めてです。
iPhoneには前から
ずっと変えたい、変えたい、
と思ってはいたものの
データの引き継ぎとかめんどくさそうで
なかなか変えられずにいたんですけど
母がガラケーからスマホにチェンジするということで
その勢いに乗っかって僕も
AndroidからiPhoneにチェンジすることにしました!
(家族で一緒に機種変すると安くなるという
ドコモの戦略に負けた訳では決してない)
iPhoneにしてやりたかったことの1つが
スマホでのプログラミング。
JavaScript Anywhereというアプリを使って
スマホで簡単にプログラミングをしたいと思っていました。
(AndroidにはJavaScript Anywhereがない)
今回、iPhoneに機種変したので
いろいろやっていきたいと思っていますが
せっかくなので
JavaScript Anywherを使った
プログラミング講座的なものをやっていこうと考えました!
といっても自分、それほどプログラミングができるわけでは
ないんですが...
まぁとにかく
プログラミングの"プ"の字も知らない
本当にゼロの状態の人がわかるように
(それなら僕にも教えられるからね)
解説をしていきたいと思いますので
プログラミングを始めてみたいという方、
次回からよろしくお願い致します!
P.S
まだiPhoneの操作の勝手が分からず、四苦八苦中。
前のスマホからデータの移行をしなくちゃ
いけないけど、なんだかもうめんどくさい。
どうせ、友達に連絡しないし、
そして、連絡こないし(涙)
電話帳スッカラカンで気持ちいいから
とりあえずこのまんまでいっかな♪