ワードプレスで音楽ブログを書くのに最低限必要なHTML／css講座（加筆中)&購入リンク一覧です。

ワードプレスで音楽ブログを書くのに最低限必要なHTML／css講座

html/css講座

  1. webページはメモ帳などのテキストエディターでつくる、書く、
  2. 拡張子.htmlで保存する。ただし半角で。
  3. 書くのはテキストエディター、観るのはブラウザ。
  4. 見た目はcssでコントロール。拡張子.cssで保存。半角。htmlファイル内にcssのリンクを設定してコントロール。
  5. html/cssはホームページを作るための言語。htmlはハイパーテキストマークアップランゲージ。cssはカスケードスタイルシート。
  6. <h1>>見出し文</h1> 開始タグと終了タグで挟む。挟んだ部分は何々ですよと説明している言語、
  7. htmlタグは１２０種類　cssプロパティは１８０種類　しかしあまり使わないものもある
  8. htmlの場合 書き方　<p color=”gray”> 本文　</p>
  9. htmlファイルの構造　白紙
    <html>
    <head>
    <title> </title>
    </head>
    <body>
    </body>
    </html>
  10. headの部分はコンピュータや検索エンジンが読み取る内容。ブラウザ上には表示されない。ただしtitleタグの中身は表示。
  11. bodyの部分はブラウザ上に表示される部分。

これだけ覚えましょう htmlタグ

  1. <h1> </h1>から<h6> </h6>     1から６の見出し
  2. <p> </p>        本文　段落
  3. <br>または</br>または<br />           改行     厳密には<br />
  4. <a> </a>        リンク              書き方　　<a href=”URL”>リンクをつけたい文字列</a>
  5. <img>    画像　　　　　　　書き方     <img src=”URL” alt=”説明” />        別ウインドウで開きたいときは、　target=”_blank” を入れる、
  6. <ul> </ul>       箇条書き　数字なし
    <ol> </ol>  箇条書き　数字あり
    <li> </li>   項目
    例
    <ul>
    <li> </li>
    <li> </li>
    <li> </li>
    </ul>
  7. <font> </font>   フォント    フォントの色やサイズ、書体を決める。
  8. <b> </b>          太字　big
  9. <i> </i>           斜体
  10. <strong> </strong>        強調太字
  11. <em> </em>                強調斜体
  12. <u> </u>           下線　underline
  13. <!–コメント–>         コメント   ブラウザには表示されない
  14. <strike>打消し線を引く価格の数字など</strike>  打消し線
  15. 表組み(テーブル）

    <table>
    <tr><th>左上</th><td>右上</td></tr>
    <tr><th>左下</th><td>右下</td></tr>
    </table>

    <tr>は列
    <th>は見出しセル
    <td>はデータセル

  16. グループ化する　囲んだ範囲にcssを適用させる。 <div></div> 同じくグループ化ただし一度きり <span></span>

これだけ覚えましょう　css（加筆中)

  1. css    白紙 ＠charset “shift_jis”;                                          　htmlファイルと同じ文字コードを指定。
  2. 拡張子,css　で保存するとcssファイルになる
  3. font-family  フォントの種類
  4. font-size            文字のサイズ
  5. color                文字色
  6. font-weight          文字の太さ
  7. line-height          行間
  8. text-aligh           文字揃え
  9. text-decoration      文字の装飾
  10. border               ボーダー
  11. background-color      背景色
  12. background-repeat     背景繰り返し
  13. background-image      背景画像
  14. margin                マージン
  15. padding               パディング
  16. clear                 回り込み解除
  17. float                 回り込み
  18. width                 幅
  19. height               高さ

 

  1. *        アスタリスクは全ての要素にcssを適用させる      書き方　　*  {color: red;}
  2. 要素型セレクタは<h1> <h5> <p> などの要素に適用させる　　　書き方　　p  {color: red;}　　　　複数の場合は,で区切る　　h２,p  {color: red;}
  3. classセレクタはhtml;のクラス名の付けられた所のみに適用。　<p  class=”クラス名”> </p>                                          cssのほうは　　書き方　　クラス名  {color: red;}
  4. /*  */             コメント               htmlfileのコメントと同じ

 

 

 

 

AYAKA   大鶴綾香が歌う JPOP 応援歌   星をたよりに
 せつない系  空を美愛げて&宝物をなくした日
全国発売中です!!

セブンネットショッピング CD

mora～walkman公式musicstore ダウンロード

Apple   iTUNES store ダウンロード

レコチョク ダウンロード

AMAZON ダウンロード

その他、Yahoo!ショッピング、タワーレコード、TUTAYA、ビックカメラ、楽天、ぐるぐる王国、ぐるぐる王国Yahoo!、ぐるぐる王国スタークラブ、NeoWing、HMV、イーベスト、アマゾン、goo、jBook、joshinweb、Felista玉光堂、ハピネットオンライン、サプライズWeb、銀座山の楽器などでお買い求めいただけます。

“ワードプレスで音楽ブログを書くのに最低限必要なHTML／css講座（加筆中)&購入リンク一覧です。” への2件の返信

  1. Hi there, I check your ワードプレスで音楽ブログを書くのに最低限必要なHTML／css講座（加筆中)&購入リンク一覧です。 – 楽典、音楽理論、音楽講座 new stuff on a regular basis. Your humoristic style is witty, keep doing what you’re doing! [url=http://www.prediksieuro2016.com/]prediksi euro[/url]

    返信する

  2. Have you ever considered about adding a little bit more than just your articles?
    I mean, what you say is fundamental and all. But imagine
    if you added some great photos or videos to give your posts more, “pop”!
    Your content is excellent but with images and videos, this blog
    could certainly be one of the most beneficial in its field.

    Superb blog!

    返信する

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です