教科書では教えてくれないHTML&CSS

サポートページ

この記事を読むのに必要な時間:およそ 0.5 分

ダウンロード

(2021年10月26日更新)

以下のファイルをダウンロードできます。圧縮ファイルをダウンロードしていただき,適宜解凍してご利用ください。

なお,ファイル内のデータに一部修正が入りました。10月26日以前にダウンロードされた方はお手数ですが,再度ダウンロードしてください。

ダウンロード
htmlcss.zip

お詫びと訂正(正誤表)

本書の以下の部分に誤りがありました。ここに訂正するとともに,ご迷惑をおかけしたことを深くお詫び申し上げます。

(2021年12月17日最終更新)

P.172内の見出し

解説 モバイル向け表示ではフレックスボックスを使用しない
解説 PC向け表示ではフレックスボックスを解除する

(以下2021年8月19日更新)

P.272 HTML

 <!--- 人気記事 --->
<h2>Popular</h2>
<div class="home-popular">
  <div class="popular-item">
    <div class="popular-photo">
      <img src="images/popular-photo1.jpg" alt="">
    </div>
    <div class="popular-text">
      <h3>カフェめぐり3年間、まじめなコーヒーと素朴なスイーツに行き着いた</h3>
      <p>ほどよい苦味が心地よいコーヒーと、卵の味が濃い……生まれました。</p>
      <div class="home-info">
        <span>東京/Japan</span>
      </div>
    </div>
  </div>
  <div class="popular-item">
    ...
  </div>
  <div class="popular-item">
    ...
  </div>
</div>
<!--- /人気記事 --->
<!--- 人気記事 --->
<h2>Popular</h2>
<div class="home-popular">
  <div class="popular-item">
    <div class="popular-photo">
      <a href="#"><img src="images/popular-photo1.jpg" alt=""></a>
    </div>
    <div class="popular-text">
      <h3><a href="#">カフェめぐり3年間、まじめなコーヒーと素朴なスイーツに行き着いた</a></h3>
      <p>ほどよい苦味が心地よいコーヒーと、卵の味が濃い……生まれました。</p>
      <div class="home-info">
        <span>東京/Japan</span>
      </div>
    </div>
  </div>
  <div class="popular-item">
    ...
  </div>
  <div class="popular-item">
    ...
  </div>
</div>
<!--- /人気記事 --->