ホームページ作成 人気記事ランキング(9ページ目)

tableタグの使い方、表の作成方法を簡単に一括解説。HTMLで表を書き、CSSで見やすく装飾します。HTMLではtable、tr、td要素さえ使えば良く、CSSではborder-collapse、border、paddingさえ使えば見やすい余白を確保した最低限の表が作れます。そのほか、見出しセルの作り方、罫線や斜線を引く方法、colspan属性などでセルを結合する方法、ヘッダ行やフッタ行の加え方なども解説。

HTMLファイル中からメールアドレスだけを抜き出す場合は「＠」を検索しますね？SPAM用メールアドレス収集プログラムもそうでしょう。ならば、「＠」を使わずにアドレスを記述してみましょう。

スタイルシート活用テクニックを見るたびに、「そのスタイルシートは、一体どのようにしてHTMLに組み込めば良いのか？」と感じている方々の疑問を解消致します。スタイルシート記述準備講座。

マウスを乗せるだけでサブメニューが展開されるドロップダウンメニューを作ってみましょう。今回は、座標（端からの距離）を指定することで、望みの場所にぴったり表示させる方法をご紹介致します。

文字サイズの指定方法に満足していますか？「smallより大きくmediumより小さくしたい」と思った場合、どうしますか？ スタイルシートには、文字サイズを細かく微調整する指定方法もあるのです。

「××はこちら！」や「ここをクリック！」というようなリンクを作ってしまっていませんか？ このようなリンクは、アクセスUPチャンスを逃している点と、ユーザビリティ上よくない点で、とても残念な書き方です。

スクロールバー付きボックスの簡単な作り方を解説。HTMLで作成したボックスにCSSのoverflowプロパティを使ってスクロールバーを追加すれば、表示面積の狭いボックスの中にもたくさんの情報を詰め込むことができます。お知らせ一覧や更新履歴の掲載など「広い面積は使いたくないが、多くの情報を列挙したい」という場合におすすめのレイアウト方法です。

表を構成するセルの枠線だけが立体的に見えるのではなく、表のセル1つ1つそのものが立体的に見える表を作ってみましょう。なかなか見栄えのよい表ができあがります。

リンク文字の直後に、リンク先のファイル種類を示したアイコンを付加してみましょう。毎回画像ファイルを指定しなくても、スタイルシートを使えば楽にアイコンを付加できます。

背景色を付けたボックス内に画像を配置した際などに、画像の下に余計な空白が見えてしまうことがあります。この余白は、「画像の下端」が「文字のベースライン」に揃えて表示されることが原因です。CSSを使って「画像の下端」を「行の下端」に揃えるよう装飾すれば、謎の余計な隙間を消すことができます。