soycatのブログ

前回調べた画像と文字の配置のつづきです。
▽前回
「画像の位置・画像と文字いろいろ//初心者」」

タグや属性が使用可・不可があるのでナンデカナ～と。

(使えなかった理由がこれだと断定はできませんが)

HTMLは最新がHTML5で、変更・廃止されたものがあるとのこと。

参考にしたサイト：HTML5で廃止された属性｜HTML5｜HTML－havin' a coffee break｜珈琲とウェブデザイン　
https://web.havincoffee.com/html/html5/html5_b_att-disuse.html

今のところ使えていてもそのうち使えなくなっていく感じでしょうか。

前回で該当するのは

これらの代わりになるのないかな～とウロウロしました。

無かったら詰むで、しかし。

(注)素人が気ままに試してるだけなのでこれが正解かは全く不明です。ご理解のほど。

hspaceの余白の代わりにpadding・margin

div align="center"の代わりにdiv style="text-align:center;

このこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねこ

img align="leftまたはright"の代わりにdiv style="float:leftまたはright;"

このこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねこ

回り込み解除 br clear=""の代わりに

・p style="clear:rightまたはboth;を解除点に入れる

・div class="clearfix"で囲む

参照：

clear－スタイルシートリファレンス

【css】floatで回り込みを解除する方法 「clear」と「clearfix」 | WEBクリエイターの部屋　https://arts-factory.net/float/

このこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねここのこねこのここのねここねこ

このこねこのここのねここねここのこねこのここのねここねこ

△ここではdiv class="clearfix"はうまくいかず。

なんとなく見つけて引っ張ってきて書いて試してるだけ なので、微妙ですが。

が、なんとかなりました(なっていない)。

以下、今日のぼやきです。
かなーり迷子になってました。

気になったら次々タブ増殖→読み漁る→寄り道→タブ絞り込み→ブログで実践→失敗→実践→失敗をひたすら繰り返す、という泥臭いというか効率の悪い方法なので。

結構初歩的な[ ” ]を忘れたり[；]忘れたり。

 未読タブがどこかへ不明になったり。

とは言え面白いのは面白い。

なにか構造物を分解し中の仕組みを覗くのに似ているかも。