記事検索

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

https://jp.bloguru.com/love
  • ハッシュタグ「#マニュアル」の検索結果37件

フリースペース

🌹マニュアル🌹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 #マニュアル #基本

ワオ！と言っているユーザー

🌹マニュアル🌹WEB🌎改行、行間調整

1月
1日
スレッド

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



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



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

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



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







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







https://re-inx.com/br
#br #マニュアル #行間

ワオ！と言っているユーザー

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

1月
1日
スレッド
リンク元のコード

abcにジャンプ



リンク先のコード

到達点





※IDの注意点

・ひとつのIDは同じ文書内で1か所だけ。重複不可。

・使用できる文字は、半角の英数字と、-　_　 :　 .

　（ハイフン以外の記号は使わない方が無難）

・アルファベットで始める。数字や記号で始めるのは不可。

・大文字小文字の区別あり。
#マニュアル #リンク

ワオ！と言っているユーザー

🌹マニュアル🌹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








#マニュアル #線

ワオ！と言っているユーザー

🌹マニュアル🌹WEB🌎枠線をつける。

1月
1日
スレッド
■枠内の配置

・左右→text-align: left;　text-align:center; text-align:righet



■線を引く



小さい点線。





小さい点線。









普通の点線





普通の点線









実線。





実線。







角丸小さい点線。





角丸小さい点線。







角丸小さい点線。







角丸小さい点線。







細かい点線/背景黄色





細かい点線/背景黄色







点線/背景黄色。







点線/背景黄色。







実線/背景黄色





実線/背景黄色













https://jim-do-it-yourself.jimdofree.com/4-%E3%83%97%E3%83%81-%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA/%E6%9E%A0%E3%82%92%E3%81%A4%E3%81%91%E3%82%8B/





https://3z1k.hatenablog.com/entry/2020/10/02/213000




















#マニュアル #枠線

ワオ！と言っているユーザー

🌹マニュアル🌎カラーコード

1月
1日
スレッド
#カラーコード #マニュアル

ワオ！と言っているユーザー

🌹マニュアル🌹WEB🌎タグ

1月
1日
スレッド








heading。見出しタグのこと。



が大見出し＝サイトのメイン

以下、～



h1の場合

h1の場合



h5の場合

h5の場合




HTMLの構造をわかりやすくする。

検索エンジンが理解しやすい。利便性が高くなる。

→　SEOに良い効果。





大：h1～小：h6

同じ数値の場合は同じランクとして扱われる。









patagraph。段落を作る。

改行されるが、改行そのものが目的ではない。



1行目

2行目



1行目



2行目











＜qa＞

anchor。リンクの埋め込み。







＜li ＞

list item。箇条書き。

ulタグ（中黒タグ）かolタグ（番号タグ）の入れ子として使用する。



　中黒タグ

項目１

項目２

項目３

項目４







  • 項目１


  • 項目２


  • 項目３


  • 項目４






　番号タグ

項目１

項目２

項目３

項目４









  1. 項目１


  2. 項目２


  3. 項目３


  4. 項目４






















水平線







https://seolaboratory.jp/12446/

https://html-coding.co.jp/annex/dictionary/html/hx/







〈br〉

改行。break.

終了タグ不要。









division。ブロック要素のグループ分け。下に摘まれる。





あいうえお

かきくけこ







あいうえお



かきくけこ













ブロック要素のグループ分け。横に並ぶ。



あいうえお

かきくけこ



あいうえお

かきくけこ





https://zero-plus.io/media/html-tags-and-usage/#p%E3%82%BF%E3%82%B0







と



見出しはh、見出し以外はp










#WEB #タグ #マニュアル

ワオ！と言っているユーザー

  • ブログルメンバーの方は下記のページからログインをお願いいたします。
    ログイン
  • まだブログルのメンバーでない方は下記のページから登録をお願いいたします。
    新規ユーザー登録へ
ハッピー
悲しい
びっくり