2021-05-19 (Wed)

HTML tableタグを使って昔のヤフートップページを再現

HTMLで表を作成するときのタグの使い方や、表のレイアウトを学習しました。
tr、th、tdの要素を組み合わせることで表を作成し、その各表の中に昔のヤフーの画面の画像をHTMLではめこんでいきます。表示されない透明な枠にするためborder属性を使って調整をしていきますが、なかなかうまく表示できない生徒もいましたが、最後には昔のヤフートップ画面を表示することに成功しました。HTMLやCSSでウェブサイト制作の基本を勉強して、JavaScriptを組み合わせ、クオリティの高いサイトを作れるようになることを目指します。