Contenu connexe
Plus de TechGardenSchool (9)
HTML/CSSの基礎
- 2. HTMLとは
✤ エイチティーエムエル
✤ HyperText Markup Language
2
12年4月30日月曜日
- 3. HTMLとは
✤ エイチティーエムエル
✤ HyperText Markup Language
✤ 色々な情報をリンクで結ぶ
✤ 設計書
3
12年4月30日月曜日
- 5. HTML
✤ htmlと画像は別のファイル
5
12年4月30日月曜日
- 6. HTML
✤ htmlと画像は別のファイル
htmlの中身
6
12年4月30日月曜日
- 7. HTML
✤ htmlと画像は別のファイル
画像を読み込んで表示
htmlの中身
7
12年4月30日月曜日
- 8. HTML
✤ htmlと画像は別のファイル
8
12年4月30日月曜日
- 12. HTMLの書き方
<h1>大見出し</h1>
<p>F22ラプターの最大の特徴はステルス機体であ
ること。<br />
レーダーの観測をくぐりぬけて疾走できる夢の機
体である。</p>
<img src=”f22.jpg” />
12
12年4月30日月曜日
- 13. HTMLの書き方
<h1>大見出し</h1>
<p>F22ラプターの最大の特徴はステルス機体であ
ること。<br />
レーダーの観測をくぐりぬけて疾走できる夢の機
体である。</p>
<img src=”f22.jpg” />
開いたら閉じる
13
12年4月30日月曜日
- 15. 大見出し
文書に例えると...
15
12年4月30日月曜日
- 16. 大見出し
文書に例えると...
小見出し
16
12年4月30日月曜日
- 17. 大見出し
文書に例えると...
小見出し
段落
17
12年4月30日月曜日
- 18. 大見出し
文書に例えると...
小見出し
段落
リスト
18
12年4月30日月曜日
- 22. 文書に例えると...
<h1>お使いになる前に</h1>
{
<h2>iPhone上で∼</h2>
<p>「iPhoneユーザー∼</p>
<ul>
{
<li>お住まいの地域で∼</li>
<li>Apple ID∼</li>
<li>USB 2.0ポート∼</li>
</ul>
22
12年4月30日月曜日
- 24. CCSとは
✤ シーエスエス
✤ Cascading Style Sheets
24
12年4月30日月曜日
- 25. CCSとは
✤ シーエスエス
✤ Cascading Style Sheets
✤ ビジュアルを整える
✤ 設計書
25
12年4月30日月曜日
- 32. CSSの書き方
h1 {
font-size: 20px;
font-weight: bold;
color : blue;
}
p{
font-size:12px;
}
32
12年4月30日月曜日
- 33. CSSの書き方
h1 {
font-size: 20px;
font-weight: bold;
color : blue;
}
p{
font-size:12px;
} htmlとは別のファイルに書いていく
33
12年4月30日月曜日
- 39. なぜ別ファイルに?
✤ すべてのページで見た目を管理できる
39
12年4月30日月曜日