Download as PDF, PPTX
電技研Web講習
- 1.
- 2.
- 3. <開始タグ 属性= 値>内容</閉じタグ＞
- 4. <tag attributed= hoge>内容</tag> HTMLの基本
- 5.
- 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> 文章を書く場合はこの中に書く
- 8.
- 9. 用語解説 • <a href=> の中にurlを書いて使います。
- 10.
- 11.
- 12.
- 13. 用語解説 • <img src=> に画像のurlを入力してつかう。
- 14.
- 15.
- 16.
- 17. 用語解説 <link rel= iconhref= hoge.ico > faviconの設定 hrefの所に使う画像のurlを入れる。
- 18.
- 19. 用語解説 • class cssで特定の要素を指定するときに使う。 一つのhtmlファイルで何度でも使える。 •id classと変わらないが一つのhtmlファイルで 一度しか使えない。速度はこちらの方が速い。
- 20.
- 21.
- 22.
- 23. classとidの指定 • class .class名{プロパティ:値;} • id #id名{プロパティ: 値;}
- 24.
- 25. 擬似クラス • hover マウスがその要素の上にあるとき。 •active その要素をクリックしたとき。 • link 未訪問のリンクのスタイル。 • visited 訪問済みのリンンクのスタイル。 • after その要素の前に新しい要素を挿入 • before afterと同じだが要素の後ろに挿入する
- 26.
- 27.
- 28.
- 29.
- 30.