HTML/XHTML
HTML中の要素(タグ)はそれぞれ要素ノード、タグに囲まれたテキストはテキストノードと呼ばれ、それぞれオブジェクトとしてメソッドやプロパティを持つ。 HTML文書中の要素ノードと要素ノード、あるいは要素ノードとテキストノードの間には家系図のように親子…
DOM(ドキュメントオブジェクトモデル)とは、XMLやHTMLなどのツリー構造を操作するための機能。 Webブラウザ上で動作するJavaScriptはDOMを使用することでWebブラウザ上のすべての要素にアクセスしたり変更を加えることができる。 JavaScriptからWebページの…
cookieの処理を行なうスクリプトをJavaScriptで書いてまして、その動作確認をchromでやってたんですけど、どうやってもクッキーにデータを保存出来ませんでした。 <html> <head> <title>クッキーサンプル１</title> <script language="javascript"> var visitName=document.cookie; var today=new Date(); today.setMin</head></html>…
idは固有のグループに名前をつけて参照するための属性。 id属性はタグ1つに対して1つしか指定出来ないため、属性値もHTML内に1つしか指定出来ない。 classはタグに種類や分類などの意味を持たせるための属性。 class属性はタグに1つに対して複数指定出来るた…
プルダウンメニュー <select name="名前"> <option value="値" selected>選択項目1</option> <option value="値" selected>選択項目2</option> <option value="値" selected>選択項目3</option> </select> name属性にはプルダウンメニューの名前を指定 optionタグにはプルダウンメニューの一覧に表示されるひとつひとつの選択項目を定義する value属性には個々の選択項目に付ける値を指定 selected属性はあら…
送信ボタン フォームのデータを送信するボタンを作成する <input type="submit" name="名前" value="ボタンに表示する文字列"> リセットボタン フォームに入力したデータをクリアするボタンを作成する <input type="reset" name="名前" value="ボタンに表示する文字列"> イメージの送信ボタン <input type="image" name="名前" src="ファイルのパス" alt="代替文字"> ファイル名入力ボックス <input type="file" name="名前" size="文字数"> 不可視フィールド 画面には表…
チェックボックス <input type="checkbox" name="名前" value="値" checked> value属性には個々のチェックボックスに付ける値を指定する checked属性にはチェックボックスをあらかじめオンにする時に指定a b ラジオボタン <input type="radio" name="名前" value="値" checked> a b
テキストボックス <input type="text" name="名前" size="幅 maxlength="最大文字数" value="初期の文字列"> name属性にはテキストボックスの名前を指定 size属性にはテキストボックスの幅を文字数で指定 パスワード入力ボックス <input type="password" name="名前" size="サイズ" maxlength="最大文字数" value="初期の文字列"> テキストエリア <textarea name="名前" cols="幅" rows="高さ"></textarea> cols属性にはテキストエリアの幅を文字数で…
<form></form> <form action="ファイルのパス" method="転送方法" enctype="データ方式"></form> <input type="種類"> action属性にはデータを処理するCGIプログラムのパスを指定 method属性にはデータを送信する際の転送方法を指定、getとpostがある enctype属性にはデータを送信する際のデータ形式を指定 inputタグはformタグの中に記述する type属性 指定方法 説明 例 ty…
<table cellpadding="間隔"></table> <table cellspacing="間隔"></table> <td rowspan="セル数"></td> <td colspan="セル数"></td> <table cellpadding="10" cellspacing="10"> <tr><td>a</td><td colspan="2">b</td></tr> <tr></tr></table>
動画、音声ファイル、java、Flashなどの様々な形式のオブジェクトを挿入する <p> <object data="ファイルのパス"> type="MIMEタイプ" width="幅" height="高さ"> <param name="パラメータの名前" value="パラメータの値"> 代替情報 </object> <p> <object data="ファイルのパス"> type="MIMEタイプ" width="幅" height="高さ"> type属性にはMIMEタイプを指定 type=…</object></p></p>
クリッカブルマップとはクリックする領域によって異なるリンク先を表示するイメージのことで 一つのイメージに複数のリンク先を指定できる。 例えば日本地図で都道府県の場所をクリックすると各都道府県毎にリンクする。 <p> <img src="ファイルのパス" usemap="#マップ名"> <map name="マップ名"> <area shape="形状" coords="座標" href="リンク先のファイルのパス" alt="代替文字"> </map> </p> <img src="ファイルのパス" usemap="#マップ名"> イメージにクリッカブルマッ…
<sup></sup>文字列を上付き文字にする <sub></sub>文字列を下付き文字にする <pre></pre>改行・空白・タブをそのまま表示する m2 H2O aaa bbbccc
ブロックレベル要素は文章の骨組みを成形する要素で ブラウザでは前後が改行して表示される インライン要素はブロックレベル要素の内容の一部として扱われる要素で ブラウザでは前後が改行されない インライン要素は単独で記述せずブロックレベル要素の中に…
特殊な記号・文字 文字参照 半角空白 < < > > © © ® ® &trade ™ " &quot; & & まだ沢山有りますが使用頻度が高いのはこれ位だと思います
<head> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="CSSファイルのパス"> <style type="text/css"> h2{ color:#ff0000; } .pink{;/*クラスで定義するスタイルを適用する*/ color:#ff0000} </style> <…</link></meta></head>
<image src="ファイルのパス"> <image src="ファイルのパス" alt="代替文字"> <image src="ファイルのパス" width="数値" height="数値"> <a href="ファイルのパス"></a> <a href="mailto:メールアドレス"></a> <a name="マーカー名"> </a> </image></image></image>
<ul></ul> <li></li> <ol></ol> <table></table> <table border="数値"></table> <table width="数値"></table> <th></th> <caption></caption> <tr></tr>
<p></p> <br> <hr> <h1></h1> <em></em> <strong></strong> aaa bbbaaa aaa</hr>
<html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>
