「HTML」カテゴリーアーカイブ

マウスのクリックや重なりに反応して要素を書き換える DOMの利用（3）

前回はclass属性やid属性でDOMの操作対象要素を指定する方法について紹介しました。今回は、javascriptでDOMを利用する主な目的である、動的なページ書き換えの例を紹介します。 javascriptでイベン… 続きを読む »

前回はDOMの概要と、javascript で DOM を利用して、タグ名を使った要素の書き換えを行いました。今回は、DOMで操作する要素（タグ）をタグ名以外で指定する方法について紹介します。 class属性による要素… 続きを読む »

JavaScript で処理を遅延実行や繰り返し一定時間毎に実行するために使用するメソッド（関数）についてです。一度だけ処理を遅延させる setTimeout と、一定の時間間隔で繰り返し処理を実行させる setInt… 続きを読む »

Webページにおける javascript の役割は、主にページ内の要素（タグ）の追加や編集、削除やそのスタイル（CSSによる装飾）の変更などを動的に行うことです。「動的に」というのは、ページが表示された後でもリアルタ… 続きを読む »

Webページである要素を画面の中央に表示するCSSです。ブラウザの表示領域のサイズが変わっても、要素は画面中央に固定されます。サンプルソース id属性に title という名前をつけたdivタグを画面中央に表示するサ… 続きを読む »

情報の出所を明確にし、信用に足る文献であることをなど保証するために、文章を書く際は引用タグ（HTMLでは blockquote など）を使用することがあります。この blockquote によるSEO（Search E… 続きを読む »

今までCSSは、HTMLを書いたファイル（〜.html）の中に書いていました。しかし、CSSの記述が増えてくると、HTMLファイルが長くなって編集しづらくなったり、似たデザインの別のHTMLに同じCSSを何度も書かなけ… 続きを読む »

CSSを適用する対象のタグやclassのことをセレクタと呼ぶことを以前説明しました。今回は、これ以外にCSSで使える特殊なセレクタについて説明します。 idセレクタ HTMLタグには、class属性と同じように id属… 続きを読む »

前回はPHPでログファイルへテキストを書き込む方法について解説しました。今回は、初回にHTMLで作った入力フォームから送信されるテキストを受け取り画面に表示する方法についてです。これを応用することで、フォームから送信… 続きを読む »

以前、擬似要素について少し触れました。今回は、似ているけれど別物である擬似クラスについて紹介します。擬似クラスは特定の状態になった要素にCSSを適用させることができます。例えば、ユーザーのアクションに応じて設定するC… 続きを読む »