ここから本文です

以下のプログラムはHTMLのプログラムの抜粋です。 <div>4個に対して</div>2個しか...

mta********さん

2019/7/716:32:53

以下のプログラムはHTMLのプログラムの抜粋です。
<div>4個に対して</div>2個しかありません
この場合</div>が、2個不足しています。

そのため、どこか2か所</div>を追加しないといけないと思います。
私は、著書でCSS関連を学んでいる途中の初心者です。
参考書通りに、転記されたのかの懸念もあります。

取り分け、以下のプログラムですが!</div>をどこかに2か所追加する場合
何処に追加すればいいのでしょうか?
現在プログラムが著書通りに動いてくれいません
原因としては</div>のバランスが取れていないのからだろうと思っています。
よろしくお願いいたします。
--------------------------------------------------
<div id="wrap">
<div class="content">
<div class="main-center">
<h1>About</h1>
<p>SNAPPERS代表、織姫 彦星のプロフィールや経歴の紹介ページです。</p>
<section class="profile clearfix">
<div class="profile-txt">
<h2 class="icon">Profile</h2>
<p><span>SNAPPERS 代表:織姫 彦星</span><br>アナログ、デジタルを問わず、トイカメラやぽらポラロイド、ビデオカメラに至るまで、あらゆるカマラに夢中になって遊んでいるうちに自然とカメラマンとして道を志すようになる。</br>大学卒業後、有名なカメラマンのアシスタントを経て渡米。世界各国を放浪しながら撮影する中で、現在のアウトアカメラマンとしてのスタイルを確立する。2016年に帰国し、「SNAPPERS」を設立。<br>現在は、雑誌の表紙やカタログの撮影を中心に、映画作品などにもカメラマンとして参加するなど幅広く活躍している。</p>
</div>
<img src="images/about-profile.png" alt="織姫 彦星プロフィール画像"class="profile-image">
</section>
<section class="career">
<h2 class="icon">Caree and job history</h2>
<table>
<tr>
<th>1944年3月</th>
<td>〇▽角形芸術大学写真家 卒業彦星写真研究所に入社、彦星英明氏に師事</td>
</tr>
<tr>
<th>2012年3月</th>
<td>彦星写真研究所を退社して欧米、世界各国を放浪しながら撮影を続ける</td>
</tr>
<tr>
<th>2012年8月</th>
<td>イタリア・ミラノで開催されたコンクールにて、審査特別賞受賞</td>
</tr>
<tr>
<th>2016年1月</th>
<td>帰国し「SNAPPERS」を設立</td>
</tr>
<tr>
<th>2016年4月</th>
<td>Aichi Musimにて初の写真展「Snap!Snap!」を開催</td>
</tr>
</table>
</section>
</div>

閲覧数:
24
回答数:
1

違反報告

ベストアンサーに選ばれた回答

muc********さん

2019/7/716:41:19

下記が正しいコードです。コピペしてご確認を。
_________________________________________________

<div id="wrap">
<div class="content">
<div class="main-center">
<h1>About</h1>
<p>SNAPPERS代表、織姫 彦星のプロフィールや経歴の紹介ページです。</p>
<section class="profile clearfix">
<div class="profile-txt">
<h2 class="icon">Profile</h2>
<p><span>SNAPPERS 代表:織姫
彦星</span><br>アナログ、デジタルを問わず、トイカメラやぽらポラロイド、ビデオカメラに至るまで、あらゆるカマラに夢中になって遊んでいるうちに自然とカメラマンとして道を志すようになる。</br>大学卒業後、有名なカメラマンのアシスタントを経て渡米。世界各国を放浪しながら撮影する中で、現在のアウトアカメラマンとしてのスタイルを確立する。2016年に帰国し、「SNAPPERS」を設立。<br>現在は、雑誌の表紙やカタログの撮影を中心に、映画作品などにもカメラマンとして参加するなど幅広く活躍している。
</p>
</div>
<img src="images/about-profile.png" alt="織姫 彦星プロフィール画像" class="profile-image">
</section>
<section class="career">
<h2 class="icon">Caree and job history</h2>
<table>
<tr>
<th>1944年3月</th>
<td>〇▽角形芸術大学写真家 卒業彦星写真研究所に入社、彦星英明氏に師事</td>
</tr>
<tr>
<th>2012年3月</th>
<td>彦星写真研究所を退社して欧米、世界各国を放浪しながら撮影を続ける</td>
</tr>
<tr>
<th>2012年8月</th>
<td>イタリア・ミラノで開催されたコンクールにて、審査特別賞受賞</td>
</tr>
<tr>
<th>2016年1月</th>
<td>帰国し「SNAPPERS」を設立</td>
</tr>
<tr>
<th>2016年4月</th>
<td>Aichi Musimにて初の写真展「Snap!Snap!」を開催</td>
</tr>
</table>
</section>
</div>
</div>
</div>

_________________________________________________

どのエディタを使用しているかわかりませんが、
エディタのプラングイン次第で、瞬時にこのような状況になった時に把握する事ができます。
要はインデントがわかりやすく自動的表示されるのです。
ちなみにこのエディタはVScode

書籍で学んでいるらしいですが、エディタとプラグインは作業効率的にも非常に重要ですよ。

  • muc********さん

    2019/7/716:45:33

    それともう一つ、間違いがあります。

    </br>大学卒業後、有名なカメラマンのアシスタントを経て渡米。

    ↑この部分。

    <br>は閉じタグは不要な為、
    </br>このコードは間違いになります。

    正しくは、<br>

    このような間違いもエディタやプラグイン次第で瞬時に見つける事ができます。

  • その他の返信(1件)を表示

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

あわせて知りたい

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる