ホームページ」タグアーカイブ

要素を均等に配置するための余白の計算式と計算プログラム

By | 2017年7月19日

Webページのレイアウトやその他のデザインにおいて、同じ大きさの要素を均等(等間隔)に配置したい場合があります。 最近は自動的に余白(マージン)を計算してくれるソフトも多いですが、手で計算しなければならない場合のための計算方法を記します。 … 続きを読む »

class属性とid属性を利用したタグの操作 DOMの利用(2)

By | 2016年11月17日

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

javascriptによるHTML要素の操作 DOMの利用(1)

By | 2016年11月16日

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

javascriptのログを表示する

By | 2016年8月31日

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

spanタグを使った文字装飾

By | 2016年8月3日

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

divタグを使ったレイアウト

By | 2016年8月3日

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

ブロックレベル要素とインライン要素

By | 2016年8月3日

CSSを使ってホームページの見栄えを自由に決められることがわかりました。次にページの要素(メニューやロゴ)の配置を決めるために必要な概念について紹介します。 ページ要素の配置のことをレイアウトと言います。 レイアウトを設定するためには、HT… 続きを読む »

色の指定方法

By | 2016年8月3日

さて、今まで背景色や文字色を変更する際に以下の方法を使っていました。 「red」「blue」など具体的な色の英語名(カラーネーム)を使った指定 各色の成分(RGB)を整数(0〜255)で指定 色を指定する方法はこれ以外にもあります。今回は色… 続きを読む »

CSS入門5(見出しや表のスタイルを整える)

By | 2016年8月3日

前回は、要素の「外側の余白」と「内側の余白」について説明しました。これらを組み合わせることで、様々な表示の間隔を自由に設定することができました。 さて、だいぶ見た目が整ってきましたので、今回は仕上げをやっていきましょう。 今回作るページ 今… 続きを読む »