div,span,img,앵커태그,HTML테이블

• div:섹션을 나누다
• span: inline 컨테이너 / 섹션을 나누다
• img tag : <img src="ex.jpg"> 이미지 사용
• Anchor tag: <a href="www.~.com">Text</a> 페이지 연결

<div와 Span의 차이>

<div style="color:red">
    <p>sentence one</p>
    <p>sentence two</p>
  </div>
 
  <!-- div문단 -->
  <div>
    <!-- inline섹션으로 만들기 -->
  <p>sentence <span style="color:red">three</span></p>

<Img 태그>

상대경로를 복사해오시거나 이미지 주소를 복사하신 후 해당 태그에 넣어주시면 됩니다.

이 때 주소를 넣고 alt 부분에 이미지가 보여지지 않을 경우 보여지는 '대체태그'를 넣으시면 됩니다.

img 태그는 닫힌 태그가 없습니다.

  <!-- 상대경로 복사 -->
  <img src="민소매 라운드 골지 티셔츠 슬릿 가디건 (2).jpg" alt="가디건">

<Anchor Tag>

앵커태그는 한 폴더 내에서 연결하고자 하는 페이지를 만들어 경로를 만들어준다고 보시면 됩니다. 

혹은 한 페이지가 아니라 외부 주소로 링크를 연결 할 수 있고, 연결 주소는  a herf 태그 안에 넣으시면 됩니다.

  <h1>hi!</h1>
  <a href="two.html">go</a>