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

要素の位置を変更するCSSのpositionプロパティについて

positionプロパティについて HTML要素の表示位置を変更したい時に役立つCSSのプロパティです。このプロパティを利用してHTMLの構造にとらわれない自由なレイアウトを行うことができます。このプロパティに設定でき… 続きを読む »

javascriptの最も基本的なデバッグ（不具合の調査）方法はコンソールにログを出力することです。これから javascript を書いていく中で「ちゃんと書いているはずなのにうまく動かない！」ということが起きるかも… 続きを読む »

javascriptは、ホームページに様々な機能や動きを追加できるスクリプト言語です。HTMLとCSSだけでは作ることが難しい動的な処理（リアルタイムな処理）などを作ることができます。 HTMLソース内に書き込むことがで… 続きを読む »

前回はログファイルのチェックと作成について解説しました。今回は作ったログファイルにテキストを書き込む方法についてです。ログファイルのファイルポインタを得るファイルにテキストを書き込むには、そのファイルを書き込みモー… 続きを読む »

前回はチャットページの骨組みとなるHTMLを作りました。今回からPHPでファイルを扱う方法について解説します。ユーザーの書き込みを保持するためにログファイル（テキストファイル）を使いますので、まずそれを扱うための準備を… 続きを読む »

PHPの入門として、テキストファイルをログとするデータベースが不要な簡単なチャットを作ってみましょう。今回は、PHPを書く前にHTMLでチャット画面の骨格を作ります。動作確認環境以下の環境で動作を確認しています。 … 続きを読む »

Windowsでは、div要素などにCSSのプロパティ overflow: scroll を設定すると、スクロールできないほど小さい要素の幅であった場合にもスクロールバーが表示されてしまうことがあります。 ::-webk… 続きを読む »

ボタン１つで選択範囲のテキストをHTMLタグやPukiWikiの書式で囲ったり挿入したりできるテキストエリアです。以下のサンプルとコードはPukiWikiの書式を挿入するものになっていますが、surroundWithの… 続きを読む »

前回はdivタグを使ってページレイアウトを作る例を紹介しました。今回は「spanタグ」を使ったページ装飾例を紹介します。 spanタグも divタグと同じく用途が決められていないタグです。違いは divタグがブロ… 続きを読む »

前回はブロックレベル要素とインラインレベル要素の違いについて説明しました。今回は、ページレイアウトを作る上で重要なタグを紹介します。それは、ブロックレベル要素の「divタグ」とインライン要素の「spanタグ」です。こ… 続きを読む »