hn さん プロフィール

  •  
hnさん: HTML勉強メモ
ハンドル名hn さん
ブログタイトルHTML勉強メモ
ブログURLhttp://htmlst.hatenablog.jp/
サイト紹介文HTMLやJavaScriptなどのことについて書いています。
参加カテゴリー
更新頻度(1年)情報提供39回 / 166日(平均1.6回/週) - 参加 2017/02/27 20:26

hn さんのブログ記事

  • ボタンを押すと1〜10000までの乱数が取得できるプログラム
  • 過去記事で作成した乱数が取得できるプログラムの数字を1〜10000に変更したもの。過去記事htmlst.hatenablog.jphtmlst.hatenablog.jphtmlst.hatenablog.jp 1〜10000までの乱数を取得するプログラム まとめ 1〜10000までの乱数を取得するプログラム 数字部分を変更することで、取得できる乱数を1〜1000にする。表示場所表示例表示場所 まとめ 数字部分を変更することで、1〜10000までの乱数を取得することができ [続きを読む]
  • おみくじの結果をalertで出力する方法
  • おみくじの結果をalertで出力する方法について まとめ おみくじの結果をalertで出力する方法について 別記事で作成したおみくじの結果をalertで出力する。別記事htmlst.hatenablog.jpjavascript内で取得した乱数に対応したif文の条件の結果をalertで表示する。 表示例 まとめ ・JavaScript内で取得したおみくじの結果はalertでも出力することができる。関連記事htmlst.hatenablog.jphtmlst.hatenablog.jphtmls [続きを読む]
  • ボタンを押すと1〜10000までの乱数が取得できるプログラム
  • 過去記事で作成した乱数が取得できるプログラムの数字を1〜10000に変更したもの。過去記事htmlst.hatenablog.jphtmlst.hatenablog.jphtmlst.hatenablog.jp 1〜10000までの乱数を取得するプログラム まとめ 1〜10000までの乱数を取得するプログラム 数字部分を変更することで、取得できる乱数を1〜1000にする。表示場所表示例表示場所 まとめ 数字部分を変更することで、1〜10000までの乱数を取得することができ [続きを読む]
  • ボタンを押すと1〜1000までの乱数が取得できるプログラム
  • 過去記事で作成した乱数が取得できるプログラムの数字を1〜1000に変更したもの。過去記事htmlst.hatenablog.jphtmlst.hatenablog.jp 1〜1000までの乱数を取得するプログラム まとめ 1〜1000までの乱数を取得するプログラム 数字部分を変更することで、取得できる乱数を1〜1000にする。表示場所表示例表示場所 まとめ 数字部分を変更することで、1〜1000までの乱数を取得することができる。 [続きを読む]
  • HTMLの取得した値の出力方法
  • HTMLの取得した値の出力方法について if文で条件分岐させた場合の出力方法 まとめ HTMLの取得した値の出力方法について HTMLでJavaScriptから受け取った値の出力を行うことができる。HTMLで値の出力を行うには、「document.write();」を使う。if文等で条件を分岐させた後のテキスト文の出力にも使うことができる。使用例表示例HTMLでそのまま書いた文HTML文JavaScriptで書いた文スポンサーリンク if文で条件分 [続きを読む]
  • ボタンを押すと乱数が取得できるプログラム
  • ボタンを押すと乱数が取得できるプログラムの作る方法について 1〜10までの乱数を取得するプログラム 1〜100までの乱数を取得するプログラム 1〜1000までの乱数を取得するプログラム まとめ ボタンを押すと乱数が取得できるプログラムの作る方法について サイコロやおみくじのプログラムを作った際に使用した「Math.floor(Math.random())」を利用する。過去記事htmlst.hatenablog.jphtmlst.hatenablog.jp [続きを読む]
  • おみくじの確率を変える方法
  • おみくじの確率を変える方法について 確率を変えるには 確率を変えたおみくじ まとめ おみくじの確率を変える方法について 前回作成したおみくじの記述を変えることで、おみくじで出るくじの確率を変えることができる。前回の記事htmlst.hatenablog.jp 確率を変えるには ・Math.floor(Math.random())で生成する乱数を大きくする。・if文内で確率を変える。この部分を変えることで、出るおみくじの確率を [続きを読む]
  • おみくじを作る方法
  • おみくじを作る方法について 表示場所に表示する方法 まとめ おみくじを作る方法について サイコロを作った際に使用した、「Math.floor(Math.random()」とif文を使うことでおみくじを作ることができる。サイコロを作った記事htmlst.hatenablog.jphtmlst.hatenablog.jp 表示場所に表示する方法 ボタンを押すと「表示場所」におみくじの結果が表示される。 表示場所表示例 表示場所 まとめ ・「Math.flo [続きを読む]
  • サイコロの目をalertで出力して表示もする方法
  • サイコロの目をalertで出力して表示もするには 両方の表示を行うようにするには まとめ サイコロの目をalertで出力して表示もするには 記述を変えることで、alertでの出力と、表示場所への表示を行うことができる。前回の記事表示場所に表示する方法htmlst.hatenablog.jpalertで表示する方法htmlst.hatenablog.jp 両方の表示を行うようにするには onclick内の記述を「;」セミコロンを使って増やすことで、両 [続きを読む]
  • サイコロの目をalertで出力する方法
  • サイコロの目をalertで出力するには alertで乱数を出力する場合 サイコロの目にする場合 別記事で作成したサイコロとの比較 まとめ サイコロの目をalertで出力するには alert();を使うことで出力をすることができる。 alertで乱数を出力する場合 alert();を使って乱数を表示する場合、下記の記述で行うことができる。(例)1〜10の乱数を表示する場合inputタグ内でボタンを作成し、onclickでボタンを [続きを読む]
  • 乱数の生成を利用してサイコロを作る方法
  • 乱数を利用したサイコロ サイコロの説明とサンプルコード まとめ 乱数を利用したサイコロ 乱数をつくる記述「Math.random()」を使用してサイコロをつくる。 表示場所 サイコロの説明とサンプルコード ・formとinputタグでボタンをつくる・ボタン内の表示を「サイコロ」にする・「サイコロ」ボタンを押すと「表示場所」にランダムなサイコロの目が出る表示場所 まとめ ・「Math.random()」を使って乱数 [続きを読む]
  • 時刻をリアルタイムで更新させる方法
  • 時刻をリアルタイムで更新させる場合 まとめ 時刻をリアルタイムで更新させる場合 現在の時刻を表示する方法htmlst.hatenablog.jp曜日も表示させる方法htmlst.hatenablog.jpコードを追加することで、時刻をリアルタイムで更新させることができる。追加する記述timer = setInterval('clock()',1000); //時刻の更新function clock() { document.getElementById("viewTime").innerHTML = getNow();}曜日を表示させたも [続きを読む]
  • 現在の時刻の他に曜日も表示させる方法
  • 曜日も表示させる場合 まとめ関連記事htmlst.hatenablog.jp↑現在の時刻の表示 曜日も表示させる場合 現在の時刻の表示を行う記述の値の取得部分と出力部分に、下記の記述を加える。値の取得部分var you = now.getDay(); //曜日//曜日の配列(日〜土)var youbi = new Array("日","月","火","水","木","金","土");出力部分(" + youbi[you] + ")";を加える。まとめると下記のようになる。body>span id="viewTime">span [続きを読む]
  • onloadの使い方
  • onloadの使い方 bodyタグ内で「onload」を使用する場合 window.onloadを使う場合 まとめ「onload」を使用することで、ページなどの読み込み時に処理を行うことができる。 onloadの使い方 onloadにはいくつかの使い方がある。(例)body;window.onload = function() {実行したい処理}; bodyタグ内で「onload」を使用する場合 「onload」の後に実行したい処理を書く。・ページが [続きを読む]
  • 絶対パスと相対パスの違い
  • 絶対パスと相対パス 絶対パスとは 相対パスとは 絶対パスと相対パス HTMLで、特定の場所にアクセスする方法は2つあり、それぞれ絶対パスと相対パスと呼ばれる。 絶対パスとは そのページに直接アクセスするパス(使用例)絶対パスを利用してアクセスする場合 相対パスとは 今いる場所を基準にしてアクセスするパス(使用例)同じフォルダ内にあるsampleファイルにアクセスする場合※「./」の部分はア [続きを読む]
  • メモ張にHTMLファイルを保存するときの注意点
  • メモ張にHTMLファイルを保存するときの注意点 文字化けしないようにする 「〇〇.html」という名前で保存する メモ張にHTMLファイルを保存するときの注意点 文字化けしないようにする メモ帳に保存したときに文字化けしないように、文字コードを変更する。WebページのHTMLをファイルを保存するときに、HTMLファイルの文字コードの指定を「UTF-8」にしている場合、保存するとき [続きを読む]
  • meta keywordsの書き方
  • meta keywordsの書き方 書き方について 書く内容などについて meta keywordsの書き方 書き方について meta keywordsは単語を「カンマ(,)」で区切って使う。×:〇: 書く内容などについて ・単語区切りで書く・ページのコンテンツとマッチしていることを書く・最大10単語程度で書く読まれている記事htmlst.hatenablog.jphtmlst.hatenablog.jphtmlst.hatenablog.jp現場 [続きを読む]
  • HTML5で追加されたタグ
  • HTML5で追加されたタグ HTML5で追加されたタグ2つ ・headerタグ ・footerタグ HTML5で追加されたタグ HTML5で追加されたタグ2つ ・headerタグ 文書やセクションのヘッダーを表す。〜 ・footerタグ 文書やセクションのフッターを表す。〜(使用例)titleヘッダー部分コンテンツ部分フッター部分アプリを [続きを読む]
  • プライバシーポリシー
  • 当ブログに掲載される広告について 当ブログでは、第三者配信の広告サービスGoogleアドセンス、A8.net、Amazonアソシエイト、楽天アフィリエイトなど)を利用しています。このような広告配信事業者は、ユーザーの興味に応じた商品やサービスの広告を表示するため、当ブログや他サイトへのアクセスに関する情報『Cookie』(氏名、住所、メールアドレス、電話番号は含まれません)を使用することがあります。またGoogleアドセ [続きを読む]
  • HTMLで文字化けしないようにする方法
  • HTMLで文字化けしないようにする方法 HTMLで文字化けしないようにするためには、headタグ内で文字コードを指定する記述を行う。(日本語が出現する前に文字コードを指定する) 記述を行う場所 ここに記述するタイトルページの内容 文字コードを指定する ・UTF-8で指定する場合・Shift-JISで指定する場合(使用例)UTF-8で指定する場合タイトルページの内容 まとめ HTMLで文字化けしないようにするために [続きを読む]
  • 別タブでリンクを開くようにする方法
  • 別タブでリンクを開くようにする方法 別タブでリンクを開くようにする 別タブでリンクを開くようにする場合、を使用する。(使用例)Webサイト名等このブログの場合、HTML勉強メモと記述することで、「HTML勉強メモ」のリンクを すると別タブでこのブログのトップページが開く。関連記事htmlst.hatenablog.jpHTML5の絵本【電子書籍】[ 株式会社アンク ]ジャンル: 本・雑誌・コミック > PC・システム開発 > 入門 [続きを読む]
  • CSSの書き方の種類
  • CSSの書き方の種類 CSSでのページのデザインの記述方法の種類 ページのデザインは基本的にCSSで記述できる。CSSには3種類の書き方がある。 ・HTMLタグに埋め込む タグに直接記述を行う。一度しか使用できない。 ・HTMLファイル内に埋め込む HTMLファイル内へまとめて記述を行う。一度設定を行えば、一つのWEBページで同じ設定が繰り返し使用できる。 ・CSSファイルに記述 HTMLファイルとは別に、 [続きを読む]
  • HTML4とHTML5の違い
  • HTML5という言葉を聞きますが、HTML4と比べてどのような違いがあるか調べてみました。 HTML4とHTML5の違い ソースコード内の「DOCTYPE宣言」が異なる 文字コードの指定が異なる 今まで難しかったことが簡単にできる まとめ HTML4とHTML5の違い ソースコード内の「DOCTYPE宣言」が異なる HTML4 と記述する。HTML5と記述する。 文字コードの指定が異な [続きを読む]
  • JavaScriptで現在の時刻を表示する方法
  • JavaScriptで現在の時刻を表示する方法 まとめ JavaScriptで現在の時刻を表示する方法 JavaScript
    を使うことでページに現在の時刻を表示することができる。body>span id="viewTime">span>sc
    ript type="text/javascript">document.getElementById("viewTime").innerHTML = getNowTime();function getNowTim
    e() { var now = new Date(); var year = now.getFullYear();//年 var mon = now.getMonth()+1; //月 1を足 [続きを読む]