こんにちは。紫のバラの人です。

🌹マニュアル🌹WEB🌎アンダーライン

1月

1日

アンダーラインを引く

普通のライン
普通のライン

太めの赤ライン
太めの赤ライン

🌹マニュアル🌹WEB🌎html,CSS基本

1月

1日

https://www.xserver.ne.jp/bizhp/homepage-creation-by-html/

■html
Hyper Text Markup Languag。意味を付ける役割。

ここは見出し
ここは文章
↓

ここは見出し

ここは文章

■HTML構成の意味

: HTML5を使う
　：　ここからHTMLを使う。言語はジャパニーズ。
　：HTMLの範囲指定スタート

サンプルHTML
　：HTMLの範囲指定終了
：ホームページに表示させる範囲スタート
見出し
文章を書く場所
：ホームページに表示させる範囲終了
：ここまでがHTML

↓

タイトル

見出し

文章を書く場所

■CSS

HTML→色みなし。文字と画像が並んでいるだけのもの
CSS→デザインする言語

HTMLで書かれたものを装飾する
Cascading Style Sheets
スタイルシート言語
表現できるパターンが多い→習得には時間がかかる→テンプレートを使えば簡単。

■役立つサイト

・テンプレート

TEMPLATE PARTY
無料版もあるが、著作権表示が必要となる。
質が高い。
https://template-party.com/index.html

・学習サイト

Progate
HTML、CSS初級編が学習できる。
https://prog-8.com/

■CMS

Contents Management Syst
HTML、CSSの習得が難しい→CMSを使う。

・WordPressなど。
　HTML、CSSのスキルはなくてもできるが、あったほうが役立つ。
　＝分析できる。追加できる。バグを解決できる。

title>

#CSS #HTML #マニュアル #基本

■改行のコード＜br>

■ を続けると行間が不自然にあいてしまう。
行間を詰める手順。

段落は一つの意味を持つ文章のかたまりです。 
こうして途中で改行しても、同じグループとしてみなされます。
このように段落を分けると、上の段落とは違う意味を持つかたまりとなります。わかりづらければ、「しかし」や「ところで」などが挿入されるタイミングと考えてください。

段落は一つの意味を持つ文章のかたまりです。

こうして途中で改行しても、同じグループとしてみなされます。

このように段落を分けると、上の段落とは違う意味を持つかたまりとなります。わかりづらければ、「しかし」や「ところで」などが挿入されるタイミングと考えてください。

-----------------

段落は一つの意味を持つ文章のかたまりです。 
こうして途中で改行しても、同じグループとしてみなされます。 
 
このように段落を分けると、上の段落とは違う意味を持つかたまりとなります。わかりづらければ、「しかし」や「ところで」などが挿入されるタイミングと考えてください。

段落は一つの意味を持つ文章のかたまりです。

こうして途中で改行しても、同じグループとしてみなされます。

このように段落を分けると、上の段落とは違う意味を持つかたまりとなります。わかりづらければ、「しかし」や「ところで」などが挿入されるタイミングと考えてください。

https://re-inx.com/br

#br #マニュアル #行間

🌹マニュアル🌹WEB🌎リンクを貼る（同一ページ）

1月

1日

リンク元のコード
abcにジャンプ

リンク先のコード

到達点

※IDの注意点
・ひとつのIDは同じ文書内で1か所だけ。重複不可。
・使用できる文字は、半角の英数字と、-　_　 :　 .
　（ハイフン以外の記号は使わない方が無難）
・アルファベットで始める。数字や記号で始めるのは不可。
・大文字小文字の区別あり。

#マニュアル #リンク

🌹マニュアル🌹WEB🌎文字配置

1月

1日

■1文字開ける

&emsp;全角
 半角

■左右：水平方向：align

 左寄せ

左寄せ

中央寄せ

中央寄せ

右寄せ

右寄せ

https://www-creators.com/archives/4672#CSS
https://www.tagindex.com/html_tag/table/td_align.html

■上下：垂直方向：valign

上揃え

上揃え

中央

中央

下詰め

下詰め

🌹マニュアル🌹WEB🌎線を引く

1月

1日

※hrは立体感のある線になる。立体感をなくすためにはnoshadeを付ける。

■黒線

立体感のない黒線

■装飾：border＝太さ、色、スタイルをセットで指定する

1ピクセル、1本線、プラム色

5ピクセル、1本線、太線、シアン

3ピクセル、点線、レッド

■装飾：セットの必要がない場合は該当項目だけを指定できる。

※カラーコード
https://beginners-hp.com/color-code.html

※線の種類
solid 通常の線
double 二重線
ridge 山形の線
groove 谷型の線
dotted 点線
dashed 大きな点線
inset 内側にくぼんだ線
outset 外側に突出した線
https://hmaster.net/chorizon2.html

#マニュアル #線