단락 - p

• paragragh 의 줄임말
• 문단을 나누어 주는 태그이다.
• 간격이 정해져있다.
• 떨어지는 간격은 br 태그로 조절 할 수도 있고 CSS를 이용하여 조절할 수도 있다.
• <p> ~ </p>

줄바꿈 - br

• A forced line-break 의 줄임말
• 강제로 줄간격을 주는 것이다.
• void 태그로 내용이 없고 열리는 태그만 있고 닫히는 태그가 없다.
• 사용하는 개수로 간격을 조절할 수 있다.
• 하나의 단락을 표현하기 위해서는 p 태그를 써서 의미를 부여하는 것이 좋다.
• 간격은 CSS로 조절하는 것이 더 의미있다.
• <br>

이미지 - img

• 이미지를 넣는 태그
• 저작권 없는 이미지 사이트 pixabay
• 필수 속성 src
• 속성 옵션
  width : 너비
  alt : 대체 텍스트
  title : tool tip
• 열리는 태그만 있고 닫히는 태그가 없다.
• <img src="img.jpg">

표 - table, td, tr

• table data 의 약자
• table row의 약자
• 속성 옵션
  border
• CSS로 표 모양 꾸미기
• 전체는 table로 묶어주고 각 행은 tr로 묶어주고 각 값은 td로 묶어준다.
• 웹페이지의 레이아웃을 잡을 때 table을 활용한다.
• 예시

<table border="2">
    <tr>
        <td>이름</td>     <td>성별</td>   <td>주소</td>
    </tr>
    <tr>
        <td>최진혁</td>  <td>남</td>      <td >청주</td>
    </tr>
    <tr>
        <td>최유빈</td>  <td>여</td>      <td>청주</td>
    </tr>
</table>