Recommended
More Related Content
Viewers also liked
Viewers also liked (16)
Similar to 電技研Web講習
Similar to 電技研Web講習 (20)
電技研Web講習
- 1. Web講習
- 3. <開始タグ 属性= 値 >内容</閉じタグ＞
- 4. <tag attributed= hoge >内容</tag> HTMLの基本
- 6. 空要素 閉じタグを必要としないタグ 例 : img, br, hr, input, embed, meta, area, base, col, command, keygen, link, param, source, track, wbrなど…
- 7. 用語解説 • <!DOCTYPE html> この文書がHTML5であることを示す • <html> htmlであることを示す • <head> そのWebサイトの情報を書く場所 • <body> そのWebサイトの内容を書く場所 • <meta charset= utf-8 > 文字コード、必ず書いてください。 • <title> Webサイトのタイトルを決める • <p> 文章を書く場合はこの中に書く
- 9. 用語解説 • <a href= > の中にurlを書いて使います。
- 10. 見出しをつけよう!
- 12. 画像を貼ろう!
- 13. 用語解説 • <img src= > に画像のurlを入力してつかう。
- 14. 区切り線を入れよう！
- 17. 用語解説 <link rel= icon href= hoge.ico > faviconの設定 hrefの所に使う画像のurlを入れる。
- 18. classとidを指定しよう!
- 19. 用語解説 • class cssで特定の要素を指定するときに使う。 一つのhtmlファイルで何度でも使える。 • id classと変わらないが一つのhtmlファイルで 一度しか使えない。速度はこちらの方が速い。
- 20. CSS編
- 22. セレクタ{プロパティ:値;}
- 23. classとidの指定 • class .class名{プロパティ: 値;} • id #id名{プロパティ: 値;}
- 25. 擬似クラス • hover マウスがその要素の上にあるとき。 • active その要素をクリックしたとき。 • link 未訪問のリンクのスタイル。 • visited 訪問済みのリンンクのスタイル。 • after その要素の前に新しい要素を挿入 • before afterと同じだが要素の後ろに挿入する
- 26. 実用編
- 27. ヘッダーを作ってみよう。
- 28. cssテクニック実演
- 29. 三角形を作ろう!
- 30. アニメーションをしてみよう!