スタイルシート［CSS］/テキスト・フォント/長い英単語の折り返しを指定する - TAG index
normal を指定した場合は、収まり切らない単語は領域をはみ出して表示されます。 このプロパティは、CSS 2では定義されていません。 使用例 <!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 { width: 200px; border: 1px #808080 solid; } p.example1 { word-wrap: normal; } p.example2 { word-wrap: break-word; } </style> </head> <body> <p class="example1">
スタイルシート［CSS］/イメージ/画像の大きさを指定する - TAG index
<!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"> img.example1 { width: 96px; height: 65px; } img.example2 { width: 100%; height: 130px; } </style> </head> <body> <p><img src="rainbow.jpg" alt="［写真］"> 通常の大きさ</p> <p><img src="rainbow.jpg" alt="［写真］" class="example1"> 縮小</p> <p><img src=
スタイルシート［CSS］/ボックス/ボックスのパディング（内側の余白）を指定する - TAG index
指定方法 次のように、4タイプの指定方法があります。それぞれの値は、半角スペースで区切って記述します。 padding: 2px; … ［上下左右］ を指定 padding: 2px 4px; … ［上下］ と ［左右］ を指定 padding: 2px 4px 6px; … ［上］ と ［左右］ と ［下］ を指定 padding: 2px 4px 6px 8px; … ［上］ と ［右］ と ［下］ と ［左］ を指定 マージンとパディング マージン … 境界線より外側にある余白部分 パディング … 境界線と内容領域の間にある余白部分 使用例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title
HTML［input要素］メールアドレスの入力欄を表す - TAG index
各属性の概要は、上記表のリンク先をご覧ください。（input要素のページにリンクしています） どの部品タイプにどの属性を指定できるかは、下記の対応表で確認することができます。 属性と部品タイプの対応表 この部品タイプの特徴 メールアドレスを入力するための入力欄です。 （実際の表示例） この部品タイプに対応しているブラウザでは、メールアドレスとして正しくない値を送信しようとすると、エラーメッセージが表示される場合があります。（ただし、それほど厳密にチェックしているわけではないようです） Chrome、Edge、Firefoxの場合 文字 + @ + 文字で送信可能になるようです。この形式に合わない場合はエラーメッセージが表示されます。 pattern属性の指定例 この部品タイプにおけるpattern属性の指定例です。 メールアドレス：<input type="email" name="mai
HTMLタグ/ページ全般タグ/文字コードを指定する - TAG index
文書がシフトJISで作られている場合は、この要素でShift_JISを指定します。EUCで作られている場合はEUC-JPを指定します。 文字コードの指定例 Shift-JISを指定する場合 <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> EUC-JPを指定する場合 <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP"> UTF-8を指定する場合 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
HTMLタグ/イメージタグ/画像のサイズを指定する - TAG index Webサイト
この属性を指定することで、画像の表示サイズを変更することができます。 しかし、データ量そのものは変化しないので、巨大な画像を扱う際（サムネイルとして縮小する場合など）には注意が必要です。また、この属性で表示サイズを変更すると、画質が悪くなってしまう場合があります。（画像サイズの変更には、画像編集ソフトを使用した方がいいでしょう） 大きさを変更しない場合でもサイズ指定を行う 画像の大きさを変更しない場合でも、サイズの指定を行っておくことをお勧めします。 （193×130） 例えば、幅193ピクセル×高さ130ピクセルの画像を読み込む場合は、そのサイズをそのまま次のように指定しておきます。 <img src="rainbow.jpg" alt="写真" width="193" height="130"> 画像のサイズを指定しておくと、画像の読み込みを待たずに文書全体が表示されるようになります。
Web便利ツール/URLエンコード・デコードフォーム - TAG index Webサイト
URLエンコードとデコードが行えるフォームです。 URLエンコード、またはデコードのフォームに文字列を入力し、変換用のボタンをクリックしてください。 マルチバイト文字だけをエンコードしたい場合は「URLエンコード（URL作成用）」をご利用ください。
HTMLタグ/フォームタグ/結果が表示されるウィンドウを指定する - TAG index
上記の属性は、Strict DTDでは使用できません。 target="_blank" の指定は、ユーザーの環境によってはポップアップブロックが機能してしまう場合があります。 フレームを使用している場合の例 form要素のtarget属性は、以下のようなケースで使用することがあります。 上のフレームにフォームを配置して、送信結果を下のフレームに表示する場合 チャットなどでよく見られたパターンです。上のフレーム内に入力フォームを配置して、送信結果（書き込み処理の結果）を下のフレームに表示します。 指定方法： 下のフレームにフレーム名を付けておき、form要素の target="" にそのフレーム名を指定します。 フレーム名については、フレームにフレーム名を付けるをご覧ください。 下のフレームにフォームを配置して、送信結果をウィンドウ全体に表示する場合 メールフォームを想定したパターンです。下
HTMLタグ/テーブルタグ/表の背景色を指定する - TAG index
table要素、tr要素、td要素、th要素に bgcolor="" を追加すると、表の背景色を指定できます。 <table bgcolor="#cccccc"> ～ </table> 表全体の背景色を指定する場合 <table bgcolor="#cccccc"> ～ </table> table要素に bgcolor="" を追加します。 行単位で背景色を指定する場合 <tr bgcolor="#cccccc"> ～ </tr> tr要素に bgcolor="" を追加します。 セル単位で背景色を指定する場合 <td bgcolor="#cccccc"> ～ </td> td要素（th要素）に bgcolor="" を追加します。
スタイルシート［CSS］/ボックス/ボックスからはみ出た部分の表示方法を指定する - TAG index
visible Firefoxでは領域をはみ出して表示しますが、IEとOperaでは領域を広げて表示してしまいます。ただし、表示モードが標準モードの場合には、IE（7以上）とOperaでも領域をはみ出して表示します。（領域をはみ出して表示するのが正しい解釈となります） hidden 上記の全てのブラウザで同じように表示されます。（はみ出た部分を表示しません） scroll 上記の全てのブラウザで同じように表示されます。（縦横のスクロールバーが表示されます） auto 上記の全てのブラウザで同じように表示されます。（縦のスクロールバーだけが表示されます） 使用例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head>
スタイルシート［CSS］/テキスト・フォント/改行・スペース・タブの扱いを指定する - TAG index
表示モードが互換モードの場合は、IEでは pre の指定が機能しません。（標準モードでは機能します） normal （標準） 連続する半角スペース、改行、タブは、1つの半角スペースにまとめられて表示されます。 幅いっぱいのところで、自動的な折り返しが行われます。 nowrap （自動的な折り返しを禁止する） 連続する半角スペース、改行、タブは、1つの半角スペースにまとめられて表示されます。 自動的な折り返しは行われません。領域の幅を超えたテキストは、はみ出して（または横スクロールで）表示されます。 pre （記述した通りの形で表示する） 連続する半角スペース、改行、タブは、記述した通りの形で表示されます。 自動的な折り返しは行われません。領域の幅を超えたテキストは、はみ出して（または横スクロールで）表示されます。
スタイルシート［CSS］/イメージ/画像の周囲にマージンを入れる - TAG index
値には auto（自動）を指定することもできます。 指定方法 次のように、4タイプの指定方法があります。それぞれの値は、半角スペースで区切って記述します。 margin: 2px; … ［上下左右］ を指定 margin: 2px 4px; … ［上下］ と ［左右］ を指定 margin: 2px 4px 6px; … ［上］ と ［左右］ と ［下］ を指定 margin: 2px 4px 6px 8px; … ［上］ と ［右］ と ［下］ と ［左］ を指定 以下の使用例では、フロートの指定と組み合わせて使用しています。 使用例 画像の右と下に30pxのマージンを指定した例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <h
スタイルシート［CSS］/CSSの基本/クラス名を使った指定 - TAG index
クラス名（分類名）を使った指定では、そのクラス名が付けられた要素にのみ、スタイルを適用させることができます。 要素のクラス名は、class属性で指定することができます。 .example { color: red; } 上記の例では、example というクラス名が付けられた全ての要素に、このスタイルが適用されることになります。 要素名に続けてクラス名を指定する方法と、クラス名だけで指定する方法があります。どちらの場合も、クラス名はピリオド（ . ）に続けて記述します。 p.example1 { color: red; } .example2 { color: blue; } .example3 { font-size: 80%; } example1、example2、example3 の部分がクラス名になります。 クラス名を付ける際には、以下の点に注意してください。 大文字と小文字の区
スタイルシート［CSS］/ボックス/表示形式（インライン・ブロック・リスト・非表示）を指定する - TAG index
<!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"> div { margin-bottom: 2em; } h1, span { background-color: #bde9ba; } .example1 { display: inline; } .example2 { display: block; } .example3 { display: list-item; margin-left: 1em; } .example4 { display: none; } </style> </head> <body> <d
HTMLタグ/フォームタグ/送信時のデータ形式を指定する - TAG index
application/x-www-form-urlencoded データをURLエンコードして送信します。enctype属性の指定がない場合は、この形式が使用されることになります。 一般的なフォームでは、enctype属性の指定は特に必要ありません。 multipart/form-data データをマルチパートデータとして送信します。フォーム内にファイルの送信欄を配置する場合は、この形式を指定しておく必要があります。 使用例 フォーム内にファイルの送信欄を配置した例 <form method="post" action="example.cgi" enctype="multipart/form-data"> <p>お名前：<br> <input type="text" name="name" size="30"></p> <p>ファイル：<br> <input type="file" n
HTMLタグ/テキスト・フォントタグ/太字にする - TAG index
この指定内容はスタイルシートで代替することができます。指定方法の詳細は関連ページをご覧ください。 強調を示したい場合は、この要素ではなくstrong要素を使用します。
HTMLタグ/フォームタグ/データの送信形式と送信先を指定する - TAG index
form要素にはaction属性が必須となります。 データの送信先ついて 一般的には、CGI等のプログラムへ送信することになります。 POSTとGETについて method="" には、post または get を指定します。これは、データの送信形式を指定するもので、用途に合わせてどちらかを指定することになります。（この指定を省略した場合は get が適用されます） POST形式 … フォームのデータを本文として送信します（一度に大量のデータを送信することができます） GET形式 … フォームのデータをURLの末尾に追加して送信します（送信できるデータ量には制限があります） メールフォームなどの一般的なフォームでは、POST形式がよく使用されています。また、検索エンジンのフォームではGET形式が使用されているようです。 使用例 POST形式で formmail.cgi というCGIに送信す
スタイルシート［CSS］/テーブル/セル内の文字の位置を指定する - TAG index
vertical-align の指定がない場合は、垂直方向の中央に揃えられます。 justifyの指定について 複数行に渡る長い文章の場合に、各行（最終行を除く）の右端が綺麗に揃うように単語間隔が自動的に調整されます。（英文などの場合に有効のようです） 表示される内容は、letter-spacingプロパティやword-spacingプロパティの影響を受ける場合があります。 ベースラインについて 英文などの場合、例えば x と y では下辺の位置が異なります。 x 文字のように、下側にはみ出ていない文字の下辺ラインを、ベースラインといいます。 日本語の場合はベースラインは存在しません。 使用例 left、center、rightの指定例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript/ウィンドウ/ウィンドウを閉じるボタン - TAG index
スタイルシート［CSS］/CSSの基本/長さの単位 - TAG index