Home

ホーム>>応用

縦横のサイズを指定する

サイズを変えるスタイルはhtml要素毎に指定しても問題ありませんが、共通のサイズにする場合はdiv要素でひとまとまりにして指定するのが一般的です。

縦のサイズを指定する

【style=""】内に【height:指定サイズ】を記述して、【style="height:指定サイズ"】とすると指定した高さに変わります。

例:<div style="height:指定サイズ">→指定した高さに変わる

ただし、高さはコンテンツの量に応じて自動的に広がるので、高さを厳密に指定する必要がない場合はheightを指定する必要はありません。

横のサイズを指定する

【style=""】内に【width:指定サイズ】を記述して、【style="width:指定サイズ"】とすると指定した横幅になります。

例:<div style="width:指定サイズ">→指定した横幅になる

コンテンツを中央寄せにする

コンテンツを中央寄せにするにはwidthとmarginを組み合わせて【style="width:指定サイズ;margin:0 auto;"】と記述します。

例:<div style="width:指定サイズ;margin:0 auto">→中央寄せになる

【行揃えの位置を指定する】へ>>

当サイトは初めてWebサイトを作る方向けの解説サイトです。文法は抜きにして"とにかく作って出す"という事を前提に解説しています。

一度作成してみてさらに興味がわいた方は、専門の参考書を読む事をおススメします。

はじめに - Webサイトについて -

1:予め用意するもの
テキストエディタ
画像編集ソフト
2:最低限の知識
拡張子の表示
htmlタグとは
覚えるべき要素
htmlファイルの構成
htmlファイルの保存
htmlファイルの確認
Webサイトの構造とindex.html
相対パス/絶対パス
3:作成手順
【1】保存フォルダの作成
【2】htmlファイルの作成
【3】ファイルを送信
【4】完成
応用
デザインの変え方
背景色・文字色を変える
文字サイズを変える
縦横のサイズを指定する
行揃えの位置を指定する
間隔をあける
線を引く