今回から新しくnews02とnews03というファイルを作り、2ページ増やしました。 ページの増やし方 まとめ ページの増やし方 ページを増やすのはとても簡単で、新しいHTMLファイルを作り、従来と同じフォルダ内に保存すればいいだけです。同フォルダ内のCSSが適…

今回はHTMLしか触りませんでした。以前指定したタグが生きているので、HTMLだけで問題ありませんでした。 figcaption まとめ figcaption 今回の記述は以下のとおりです。 <figure class="photo-center"> <img src="sunflower.jpg" alt="青空とのコントラストで黄色いひまわりが眩しく輝いています。"> <figcaption>夏のひまわり畑</figcaption> </figure> figureクラス内にfigcaptionで囲ったタイトルをつけることによって…

前回挿入した画像に対して、記事の回り込み指定をしました。 難しいというよりもややこしいなと感じた部分があったので紹介していきたいと思います。 float figure.photo-left right overflow: hidden clear: both figure.photo-right left img {width: 550p…

今回は画像の配置と画像のレイアウトを整える作業をしました。 画像の配置 figure.photo-center まとめ 画像の配置 以下、今回の記述内容です。 HTML <article> <h1>真夏のひまわり畑</h1> <p>森の工房の隣にある畑は毎年夏になると満開のひまわりの花で黄色く染まります。ひまわ</p></article>…