2016-01-01から1年間の記事一覧
JavaScriptで現在の時刻を表示する方法 まとめ JavaScriptで現在の時刻を表示する方法 JavaScriptを使うことでページに現在の時刻を表示することができる。 <body> <span id="viewTime"></span> <script type="text/javascript"> document.getElementById("viewTime").innerHTML = getNowTime(); function getNowTime() { var </body>…
HTMLとCSS HTMLとは・・・ 「HyperText Markup Language(ハイパーテキスト マークアップ ラングエージ)」の略。 ページの要素や構造を指定する。 CSSとは・・・ 「Cascading Style Sheets(カスケーディング スタイル シート)」の略。 HTMLで作った要素を装飾…
JavaScriptで乱数を表示する方法 まとめ JavaScriptで乱数を表示する方法 乱数を発生させる場合、Math.random()を使用する。・0～1の乱数を取得する var rand = Math.random();・0～9の乱数を取得する var rand = Math.floor(Math.random() * 10);・1～100の…
JavaScriptの書き方 <script>～</script> の間に記述を行う。 (使用例) <script type="text/javascript"><!--JavaScriptのソース// --></script> 「Hello!!」と表示させるプログラムの場合 <html><head><title>タイトル</title></head><body><script type="text/javascript"><!--document.write("Hello!!");// --></script></body></html>
背景の色を変更する場合 <body bgcolor="○○"></body> 文字の色を変更する場合 <font color ="○○"></font> 表全体の背景色を変更する場合 <table bgcolor="○○"></table> 行単位で背景色を変更する場合 <tr bgcolor="○○"></tr> セル単位で背景色を変更する場合 <td bgcolor="○○"></td> ○○の部分には「#FF0000」や「red」等の記述を行い、色の指定を行う。 htmlst.hatenablog.jp
HTMLでリンクを作る場合 <a href=""></a> を使用する。 （使用例） <a href="Webサイト等のURL/">Webサイト名等</a> ・画像からリンクをする場合 <a href="Webサイト等のURL/"> <img src="画像のURL" width="10" height="10"alt="画像"></a> ・新しいタブで開かせる場合 <a href="Webサイト等のURL/" target="_blank">Webサイト名等</a> ページ内リンクを作る場合 リンク元 <a href="#文字列">テキスト</a> リンク先 <a name="文字列">テキ…</a>
HTMLで改行する方法 HTMLで改行を行う場合、<br>タグを使用する。 （例） ・本文<br> ・本文 <br> のように記述を行う。 （使用例） ーーーーーーーーーーーーーーーーーーー HTML文 1行目の本文<br> 2行目の本文<br> 表示 1行目の本文 2行目の本文 ーーーーーーーーーーーーーー…
<p>タグは文書の段落を表す。 <p></p>の形で使用する。 （使用例） ーーーーーーーーーーーーーーーーーーー html文 <p>これは1つ目の段落です</p> <p>これは2つ目の段落です</p> 表示 これは1つ目の段落です ←1行分改行される これは2つ目の段落です ←1行分改行される ーーーーーー</p>…
onclickで複数の処理を実行する場合には「,」ではなく、「;」を 使用する。 × <input type="button" value="実行" onclick="処理A,処理B"> ○ <input type="button" value="実行" onclick="処理A;処理B"> （使用例） ーーーーーーーーーーーーーーーーーーー <form action="○○"> <input type="button" value="実行" onclick="処理1;処理2"> </form> ーーーーーーーーーーーーーーーーーーー よく読まれている記事 htmlst.hatenablog.…
HTMLでの色の指定 HTMLで色の指定を行う場合、 <font color = "○○" </font> の、○○の部分に「#FF0000」等を記述することで、色の指定を行うことができる。 （赤に指定したい場合） <font color = "#FF0000"</font> <font color = "red"</font> 上記のように「#FF0000」や「red」と指定をすることで、 色を変更することができる。 色の一例 黒：bl</font></font></font>…
<th>タグと<td>タグの違い <th>タグ ・見出しに使用する ・太字でセル内の中央に表示されるようになる <td>タグ ・通常の文書に使用する ・左揃いに表示される （使用例） －－－－－－－－－－－－－－－－－－－ <table border="1"> <tr> <th>商品名</th> <th>商品価格</th> </tr> <tr> <td>パン</td> <td>100円</td> </tr> </table> ーーーーーーーーーーー</td></th></td></th>…
HTMLタグの属性 ・align 文書の左揃え、右揃え等に使用 (使用例) <td align ="left"> 左揃え <td align ="center"> 中央揃え <td align ="right"> 右揃え ・valign 文書の上揃え、下揃え等に使用 (使用例) <td valign ="top"> 上揃え <td valign ="middle"> 中央揃え <td valign ="bottom"> 下揃え <td valign ="baseline"> ベースラインに揃える ・bgcolor 背景色を指定 (使用例) <td bgcolor="#ff0000"> 赤色に指…</td></td></td></td></td></td></td></td>
HTMLでのコメント文の書き方 (例) ーーーーーーーーーーーーーー ーーーーーーーーーーーーーー よく読まれている記事 htmlst.hatenablog.jp htmlst.hatenablog.jp htmlst.hatenablog.jp
ドキュメントタイプの宣言 <html></html> HTML文書であることを宣言 <head></head> ドキュメントに関する情報 <title></title> ウェブページのタイトルを指定 <body></body> ページ本体の表示領域
<input>タグについて <input>タグ テキスト入力欄や実行ボタン等を作成するタグ。 <form>でデータが送信される際、<form>タグのaction属性で指定した サーバー上のファイルに<form>タグのmethod属性で指定した転送方法で送信。 <input>タグのname属性で付けたデータとその値を一組にして送信。 ・typ</form></form></form>…
