お金の知識と経験を増やして真の豊かさを手に入れる

HTMLでセンタリングができない!CSSを使わずに中央寄せする方法

本ページはプロモーションが含まれています

HTMLでセンタリングしたい場合は

<center>・・・</center>

を使用するのが簡単だと思いますが、

昨日私がトライした時には
どうしても中央寄せになりませんでした。

CSSが使えない環境なので、
どうにかHTMLで画像をセンタリングしたい~!

正直PCやネットなどに特別詳しい訳でもないので
何が原因なのかわかりませんでしたが、

HTMLとCSSを学んだ時に、難しい印象しかなく、
今ではうっすらとしか覚えていない「要素」
絡んでいるような気がしました。

インライン要素とかブロック要素とか
そういえばたくさんテストにも出て来たなぁ…。

私は失業時代にハロワの職業訓練校の一つ、
全日制のWebデザイン学校で
半年間みっちりと学ばせていただきました。

きっと、あれよ、あれ!

divを使うのでは?

という予想はいい線いっていたのですが、

昔のHTML/CSSの教科書を引っ張り出して来て
悪戦苦闘しましたが、やはり直らず、

たくさんネットサーフィンして
やっと発見しました。

 

HTMLだけで画像をセンタリングする方法

 

画像をブロック要素にするために

<div>・・・</div>

で囲うところまでは惜しかったのですが、

その要素に対してセンタリングを命令するには
以下のHTMLでした。

<div style="text-align:center">
<img src="画像のURL" width="画像の幅" height="画像の高さ" alt="画像のテキスト">
</div>

 

text-align:center

 

なるほど~!!お久しぶりです。
これもよく実技テストに出ました。

Webデザインの仕事に就かなかったので
毎日使うこともなく忘れがちですが、

ネットビジネスに携わる際に
完璧ではないにせよHTMLとCSSがわかる、

自分でWebサイトを1から(0から!?)作成した
経験があるというのが、とても役立っています。

しかもネットって本当にすごいです。

ググッた(ネット検索した)だけで、
大抵のことは何でもわかります。

いろいろなサイトを調べて、
久しぶりに少し復習できたのも良かったです。

本当に便利な世の中ですね。
インターネットの時代に生きていられて
私たちはラッキーです。

コメント

この記事へのコメントはありません。

PAGE TOP