狠狠撸
- 12. さっそく実践
- 14. <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>ここにタイトルを入れます。</title> <meta name="keywords" content="" /> <meta name="description" content="" /> </head> <body> ここにHTMLタグを書いていく </body> </html> 全 無 視 で OK
- 15. 「ここにHTMLを書いていく」を消して、 以下を記入して上書き保存。 僕の名前は山本です。 31才です！ ブラウザを更新して変わったか確認 F5がブラウザ更新です。 macの場合はcommand + R ctrl + s で上書き保存です。覚えておくと作業がスピードアップ！
- 19. < img>?画像タグ 僕の名前は山本です。<br> 31才です！<br> <img src=/slideshow/slide-20767943/20767943/”inu.jpg”> <img src=”画像ファイル名”> <img src=”/slideshow/slide-20767943/20767943/photo.jpg”>
- 21. <a>?リンクタグ 僕の名前は山本です。<br> 31才です！<br> <img src=/slideshow/slide-20767943/20767943//slideshow/slide-20767943/20767943/”inu.jpg”><br> <a href=”page.html”>ねこのページはこちら</a> <a href=”ページファイル名”>こちら</a> <a href=”page.html”>続きはこちら</a> <a href=”http://yahoo.co.jp”>Yahoo!</a> こちら 閉じタグ という
- 22. <table>?表 <table> <tr> <td>身長</td><td>153cm</td> </tr> <tr> <td>体重</td><td>52kg</td> </tr> </table> 本日最難関！ 身長 153cm 体重 52lg 身長 153cm 体重 52lg 最初は混乱しますが、 5つくらい書けば慣れます。
- 23. <table>?表 僕の名前は山本です。<br> 31才です！<br> <img src=/slideshow/slide-20767943/20767943//slideshow/slide-20767943/20767943/”inu.jpg”><br> <a href=”page.html”>ねこのページはこちら</a> <table border=”1”> <tr> <td>身長</td><td>153cm</td> </tr> <tr> <td>体重</td><td>52kg</td> </tr> </table>
- 25. 答え合わせ
- 32. ありがとうございました
- 33. 改行 <br> 画像 <img src= /slideshow/slide-20767943/20767943/photo.jpg > リンク <a href= page.html >こちら</a> 表 <table> <tr> <td>身長</td><td>153cm</td> </tr> <tr> <td>体重</td>52kg</td> </tr> </table> HTML表
- 34. 课题
- 35. 解答<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>ねこ</title> <meta name="keywords" content=""> <meta name="description" content=""> </head> <body> <h2>ねこ</h2> <img src=/slideshow/slide-20767943/20767943/"img/neko.jpg"> <table border="1" width="260"> <tr> <td>名前</td> <td>のりお</td> </tr> <tr> <td>性別</td> <td>オス</td> </tr> <tr> <td>年齢</td> <td>15才</td> </tr> </table> ねこってとてもかわいいです。<br> 落ち込んでる時はそっと近づいてきて<br> 横に座ってくれたりしますよね！<br> <br> <a href="detail.html">さらにくわしいねこの情報はこちら！</a><br> </body> </html>