記事検索

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

https://jp.bloguru.com/love

フリースペース

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

スレッド
https://www.xserver.ne.jp/bizhp/homepage-creation-by-html/

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

< h2 >ここは見出し< /h2 >
< p >ここは文章< /p >

ここは見出し


ここは文章






■HTML構成の意味

< !DOCTYPE html > : HTML5を使う
< html lang="ja" > : ここからHTMLを使う。言語はジャパニーズ。
< head > :HTMLの範囲指定スタート
< meta charset="UTF-8" >
< meta http-equiv="X-UA-Compatible" content="IE=edge" >
< meta name="viewport" content="width=device-width, initial-scale=1.0" >
< title>サンプルHTML< /title >
< /head > :HTMLの範囲指定終了
< body >:ホームページに表示させる範囲スタート
< h2 >見出し< /h2 >
< p >文章を書く場所< /p >
< /body >:ホームページに表示させる範囲終了
< /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のスキルはなくてもできるが、あったほうが役立つ。
 =分析できる。追加できる。バグを解決できる。





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

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

  • ブログルメンバーの方は下記のページからログインをお願いいたします。
    ログイン
  • まだブログルのメンバーでない方は下記のページから登録をお願いいたします。
    新規ユーザー登録へ
* は必須項目です。必ずご記入ください
  • コメントは承認後に表示されます。

🙂 絵文字の使い方:
• キーボードのショートカットキー: Macの場合 - コントロール + コマンド + スペース、Windowsの場合 - Windows+ピリオド
• コピーペースト: お好きな絵文字をこちらから選び、テキストエディタにコピーペースト
  • なし
  • 中央
チェックされている場合は表示されます。
画像認証
ハッピー
悲しい
びっくり