HTML［link要素］Webクリップアイコンを指定する - TAG index
Webクリップとは、Webサイトへのショートカットをホーム画面上に追加できる機能のことです。（iPhoneやiPadだけでなく、Android搭載の端末でも機能します） iPhoneの場合は、ブックマーク追加のメニューで を選択するとショートカットアイコンを作成できます。 Androidの場合は、登録したブックマークを長押し → の操作でショートカットアイコンを作成できます。 機種により操作方法が異なる場合があります。 ショートカットをホーム画面に追加すると、通常はそのページのキャプチャ（またはファビコン）がアイコンとして使用されますが、Webクリップ用のアイコン画像を用意しておくことで、その画像がショートカットアイコン（タッチアイコン）として使用されるようになります。 アイコンの設定方法 iPhoneの場合は、ルートディレクトリにアイコン画像をアップロードするだけで、オリジナルのタッチア
HTML［meta要素］ビューポートを設定する - TAG index
width の既定値は、ブラウザにより異なる場合があるようです。 複数のプロパティを指定する場合は、カンマ（ , ）で区切って記述します。 content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=2" widthプロパティについて width は、ビューポートの幅を設定します。値にはピクセル数、または device-width （端末画面の幅に合わせる）を指定します。 <meta name="viewport" content="width=320"> <meta name="viewport" content="width=device-width"> device-width を指定するのが一般的です。 device-width を指定した場合は、初期のズーム倍率が 1 になります。（
HTMLタグ/リンクタグ/起動させたメールに件名や本文を入れる - TAG index Webサイト
リンクで起動させたメールに、予め件名や本文などを挿入しておくことができます。 以下のサンプルコードをコピーする場合は、メールアドレスの書き換えを忘れないようにご注意ください。 <a href="mailto:info@example.com?subject=問い合わせ&body=ご記入ください">メールはこちらへ</a> 値の詳細 mailto:info@example.com?subject=件名&body=本文 info@example.com … 送信先のメールアドレスを記述します ? … メールアドレスとその後に続く情報を ? マークで区切ります subject= … メールの件名を記述します body= … メールの本文を記述します & … 件名と本文を & マークで区切ります（文字参照で & と記述します） サンプル（メールソフトを起動します）
リスト全体の余白を調整する
margin の値には auto（自動）を指定することもできます。 マージンとパディングの指定については、以下のページをご覧ください。 ボックスのマージン（外側の余白）を指定する ボックスのパディング（内側の余白）を指定する デフォルトの余白を取り除く方法 一般的なブラウザでは、リストの周囲に適度な余白が設定されています。 この余白を取り除きたい場合は、ul要素（またはol要素）に対して次のスタイルを設定します。 ul { margin: 0 0 0 1em; padding: 0; } 左マージンは、少なくともリストマーカー1つ分以上の大きさが必要です。（以下は1つの目安です） ul要素に設定する場合 … 1em 程度 ol要素に設定する場合 … 1.5em ～ 2em 程度 マージンとパディングを 0 にして、左マージンにだけ上記の値を設定する、といった感じになります。 余白の比較 u
スタイルシート［CSS］/テキスト・フォント/書字方向を指定する - TAG index
normal Unicodeの双方向アルゴリズムがそのまま適用されます。 embed 指定した要素がインライン要素の場合は、direction プロパティの指定内容を新たに組み込みます。（文字の並び方は変わりません） bidi-override 指定した要素がインライン要素、またはインライン要素のみを含むブロックレベル要素の場合は、direction プロパティの指定内容で上書きします。（文字の並び方も上書きされます） 使用例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>文書のタイトル</title> <style type="text/css"> p { direction: rtl;
HTMLタグ/共通属性 - TAG index
style="" 要素に直接スタイルシートを指定する class="" 要素にクラス名を付ける id="" 要素にIDを付ける title="" 要素に補足情報を付ける lang="" 要素の言語を指定する dir="" 要素の書字方向を指定する その他属性 accesskey="" 要素にアクセスキーを割り当てる tabindex="" Tabキーによる移動順序を指定する
インラインフレームの背景を透明にする - TAG index
Firefox、Safari、Chromeは、この指定がなくても透過されます。（IEやOperaではこの指定が必要です） IEでの透過方法 IEの場合は、このプロパティの設定に加えてallowtransparency属性の指定が必要になります。 <iframe src="example.html" allowtransparency="true"> ～ </iframe> 上記のように、iframe要素に allowtransparency="true" を加えます。 詳しくは、HTMLリファレンスのインラインフレームの背景を透過するをご覧ください。 使用例 インラインフレームを設定する文書 <html> <head> <title>文書のタイトル</title> <style type="text/css"> div { padding: 20px; background: #fffff
HTMLタグ/フォームタグ/入力フォームを作る - TAG index
form要素で、入力フォームを作成することができます。 <form action="example.cgi"> ～ </form> フォームを構成する各部品（入力欄や送信ボタン等）は、form要素の中に配置することになります。 form要素の中に部品を配置した例 <form method="post" action="example.cgi"> <p>お名前：<input type="text" name="name"></p> <p>メールアドレス：<input type="text" name="email"></p> <p><input type="submit" value="送信する"></p> </form> 使用例 フォームの部品には、次のようなタイプが用意されています テキスト入力欄 テキスト入力欄 （パスワード形式） 複数行の入力欄 複数行の テキスト入力欄 ラジオボタン
スタイルシート［CSS］/ボックス/ボックスの最大幅と最小幅を指定する - TAG index
以下の使用例では、最大幅を 600px、最小幅を 300px に指定しています。この場合、通常の幅は600pxですが、ブラウザの幅を600pxより狭くすると、それに合わせてボックスの幅も狭くなります。更にブラウザの幅を狭くしていくと、300pxより狭くなった時点で横スクロールが入ります。 使用例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>文書のタイトル</title> <style type="text/css"> body { margin: 0; padding: 0; } div { max-width: 600px; min-width: 300px; background-co
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
掲示板/スタイルシート質問板/Open Error: 1422.dat - TAG index Webサイト
掲示板/JavaScript質問板［過去ログ］/一覧/addListener()やattachEvent()で引数 - TAG index Webサイト
掲示板/JavaScript質問板/Open Error: 2322.dat - TAG index Webサイト
【HTMLタグの簡単検索】TAG index - ホームページ作成情報