< BACK TO "htmlstudy002.htm">

[各種タグ]

tack Developers Group Homepage!

〜BlueGriffonでウェブページ制作〜


上記の線↑がhrです([大きさ]の[幅]を"94%"で指定したものです)。

hrタグ(水平線の引き方):

【HTML入門】hrタグで水平線の太さ・長さ・色をデザインする方法 | 侍エンジニアブログ
https://www.sejuku.net/blog/52877

この後、BlueGriffonでの要素名で指定するスタイル属性の指定法を書きます。ただし、有効範囲のすべてのhrが同じ設定になります。

(... 2022R04-0810-WED-1838)
(... 2022R04-0810-WED-1849)

まず、
・挿入したい場所へ、[挿入]-[HTML5 Element]-[hr]でhrを挿入します
・挿入されたhrの上にカーソルを移動します。すると、左下のタグ階層リストにhrが出ますので、それをクリックします
・ウィンドウ右の「スタイル プロパティ」を開きます(無い場合、メニューの[パネル]から)
・[スタイルの適用先:]の右の下矢印ボタンを押して(プルダウンリスト)から[要素名で指定する]を選択します
・「スタイル プロパティ」を下にスクロールし、[大きさ]をクリック
・[幅]に94%と打ち込んでエンター(プルダウン・リストで単位が出ますのでお好きな単位で記述して下さい)

以上です。上記アドレスにあるように、CSSを使うと破線・二重線などいろいろなスタイル属性を指定できます。

(... 2022R04-0810-WED-1917)
(... 2022R04-0810-WED-1930)

hr要素のスタイル設定のアクセス方法は、右のパネルの[スタイルプロパティ・タブ]-[スタイルの適用先:]のプルダウンで[要素名で指定する]を指定。(先でも後でもいいですが、)hrにマウスカーソルを持っていきます(hrのところで左クリックか、左下部のタグ階層リストで指定してもいいです)。右のエディットボックスにhrと出ます。

(... 2022R04-0909-FRI-1456)


文章を挿入するとき:

文章を挿入したくてもスペースがない。前後にタグが指定されていてプレーンな段落(p)がない。hタグの場合は行末でのエンターは前部のタグを引き継がない。テーブル内では<br>が入力されて<br>の前にカーソルが入り、それ以外では<p><br></p>が挿入され<br>の前にカーソルが入ります。リンク(<a>)の行末のエンターはダメです。<a>の中に<br>が挿入され<br>の後ろにカーソルが入ります。

ひょっとしたら、pタグとhタグだけかな?追々確認していきます。

(... 2022R04-0823-TUE-1316)

カーソルをa要素の最後部に相当するところへ持っていき、メニューの[挿入]から[HTML 5 Element]-[p]でa要素の後ろに新たな段落(p)が挿入される。

(... 2022R04-0826-FRI-1802)

insert_01_001.html に新たな記述。最後尾にpを挿入すると、装飾の外れた新たな行が下に挿入されます。

(... 2023R05-0221-TUE-1206)



< BACK TO "htmlstudy002.htm">

<<< various_tags_01_001.html >>>


Copyright(C) 2022 tDG, All Rights Reserved.