간단한 블로그 만들기

 

Header는 페이지의 도입부 영역

<header>
  <h1>
    <img src="../img/landscape-2373649_1920.jpg" alt="해당 이미지를 찾을 수 없음" width=100%, height =400px>
  </h1>
</header>

 

Header

 

main은 페이지의 주요정보가 있는 영역

<main>
  <h2> 홈페이지에 오신걸 환영합니다!</h2>
  <p> 뭘 적어야 잘 적었다고 소문이 날까</p>
  <img src="../img/토끼.jpg" alt="이미지를 찾을수 없음">
<p> 귀요미 토끼 사진 </p>
<article>
  <p>
    [아유경제=조명의 기자] 내년도 부동산 공시가격 현실화율(시세 대비 공시가격 비율)이 올해와 같이 2020년 수준으로 동결된다. 이에 따라 내년 부동산 공시가격에는 시세 변동만 반영된다.<br>

    국토교통부(장관 박상우ㆍ이하 국토부)는 이달 19일 열린 국무회의에서 이와 같은 내용의 `2025년 부동산 가격 공시를 위한 현실화 계획 수정방안`을 보고했다고 밝혔다.<br>

    내년 부동산 공시가격에 적용할 현실화율은 아파트 등 공동주택 69%, 단독주택 53.6%, 토지 65.5%이다.<br>

    공시가격은 정부가 과세 등을 위해 감정평가를 통해 공시하는 부동산 가격이다. 재산세, 종합부동산세, 건강보험료, 기초연금 등을 부과하는 기준이 된다. <br>

    정부는 문재인 정부가 수립한 2030년(공동주택 기준)까지 단계적으로 공시가격을 시세의 90%까지 올린다는 `부동산 공시가격 현실화 계획`(이하 현실화 방안)을 폐기키로 한 바 있다.<br> 집값이 오를 때 집값 상승분에 현실화율 인상분이 더해져 세 부담이 크게 증가하고 집값이 내려갈 때는 현실화율 인상분 때문에 공시가격이 오는 부작용을 해소하기 위해서다.

    이에 지난 9월 시세 변동만 반영하는 `부동산 공시가격 산정체계 합리화 방안`(이하 합리화 방안)을 발표했다. 합리화 방안을 추진하기 위해서는 「부동산 공시법」 개정이 선행돼야 하나 아직 법 개정이 이뤄지지 않아, 공시가격을 올해와 같이 현실화 계획 수립 이전인 2020년 수준으로 동결하는 수정방안을 내놓게 된 것이다.<br>

    국토부 관계자는 "물가 상승, 가계부채 증가 등 국민적 부담이 큰 상황에서 기존 현실화 계획이 규정하고 있는 약 10~15%p 정도 높은 시세반영률이 그대로 적용될 경우, 부동산 가격의 변화가 없더라도 공시가격이 큰 폭으로 상승해 보유세ㆍ부담금이 증가하고 복지 수혜가 축소될 수 있다"라고 설명했다.<br>

    아울러 정부는 공시가격을 동결하는 대신 균형성을 최대한 제고키로 했다.
  </p>
</article>
</main>

Main

 

aside는 로컬 네비게이션이나 광고 등 보조적인 정보를 배치하는 영역

<aside>
  <nav>
    <h2> Category </h2>
    <ul>
      <li> <a href="https://store.steampowered.com/?l=koreana" target="_blank"> STEAM </a></li>
      <li> <a href="https://store.epicgames.com/ko/" target="_blank"> EPIC </a></li>
    </ul>
  </nav>
</aside>

aside

 

footer는 저작권 표시나 문의처가 배치되는 곳

<footer>
  <p> ⓒ 대충 저작권 표시하는곳</p>
</footer>

footer

 

section은 제목과 그 다음에오는 단락을 감싸는 영역

<section>
<h3> 대충 기사 제목 </h3>
<p>
  기사 내용
</p>
</section>

 

날짜 시간이 중요한 의미를 가질때 사용하는 태그

<time datetime="2024-11-22">
  2024-11-22
</time>

 

figure 태그는 문서 안에서 자기 완결성을 가진 이미지나 코드 등의 구역을 정할때 사용. 이미지가 없어도 본문에 영향을 주지 않고 단순히 본문을 알기 쉽게 해주는 목적의 이미지라면 figure요소에 해당함

    <figure>
  <img src="../img/토끼.jpg" alt="이미지를 찾을수 없음">
</figure> 

 

small은 저작권 등 관용적으로 작게 표시하는 부분을 나타낼때 사용하는 태그

<footer>
  <p> <small> ⓒ 대충 저작권 표시하는곳 </small> </p>
</footer>