div VS span

deafault값으로 div는 한줄을 차지한다

div.png

deafault값으로 span태그는 컨텐츠 크기만큼 공간을 차지한다.

span.png

css로 자유롭게 스타일링 할 수 있지만 기본적인 컨텐츠 크기가 다르다

img: 이미지 삽입
이미지태그는 닫는 태그가 필요없다.

<img src="https://imgur.com/D8PM9tM.jpg" width="500px" alt="cute dog">

20190829_122356.png

a:링크삽입

<a href="http://naver.com" target="blank">naver</a>

ul,ol,li : 리스트 TAG

<ul>
    <li>리스트</li>
    <li>ul은 unordered list라고 해서 문자앞에 동그란 모양이 생긴 형태로 리스트를 만들어 준답니다. 
  </li>
</ul>

'
'

여기서부터 웹 앱에서 필요한 것들(입력폼 같은,,)

20190829_124310.png

  1. 라디오버튼
  2. 텍스트 박스
<div>
<input type="text" placeholder="type here">
</div>
<div>
<input type="password" placeholder="type here">
</div>