markdown 活用第２歩

前節で紹介した事項に加えて、３つの記法を紹介しておく。
- 詳しくは自分で調べてみて下さい。
1. リンク（アンカー；Aタグ）
```
     [グーグル](http://www.google.co.jp)
```
  - [ ] (ブラケット）内が表示される文字（など）、
    
    ( )（かっこ）内が、ジャンプ先のURL
2. 図（写真など；IMGタグ）
```
![顔](https://scontent-nrt1-1.xx.fbcdn.net/v/t1.0-1/c54.27.274.274/s240x240/418655_387096094649706_404213589_n.jpg?_nc_cat=0&oh=6495a081e6e579b78b5383fd103a65ad&oe=5BE445B1)
```
  - リンクと記法が似ているが先頭に !（エクスクラメーション）が入る。
  - [ ] (ブラケット）内は代替文字列、
    
    ( )（かっこ）内が、画像データのURL（またはファイル名）
3. HTMLを直接書く
```
<title>練習のページ</title>
```
CSS（CSS3 という呼称で紹介している場合もある）で、体裁を変えられる。
- CSS属性は沢山あって一度に覚えられないので調べながら使ってみよう。
- 方法１：styleタグの間に挟んでCSS記述を書く
  
  styleタグの type属性は省略していい。
```
<style>
h1 {color:red;}
p {background-color:#ffccdd;}
</style>
```
- ‘{ }’（ブレース）の左側に「セレクタ」、
  
  ブレース内に（そのセレクタで指定される要素に適用する）CSS属性名と属性値を書く。
  - 属性名と属性値の間は :（コロン）で区切ってる。
  - 属性名と属性値の対が複数あれば、 ;（セミコロン）で区切って並べる。
- 方法２：CSSを別ファイルにして、linkタグでそのファイル名を指定する。
```
<link rel=stylesheet href=default.css>
```
- CSSで表示を変えさせた簡単なページも参考にして下さい。