HTML 기본 태그 정리

기본 태그들의 역할이다.

1)div와 span의 차이

div는 한 줄을 차지하는 태그이고 span은 컨텐츠의 크기만큼만 공간을 차지한다.

2) img : 이미지 삽입

img태그는 속성 값인 key와 value로 이루어져 있고 닫는 태그가 없다.

3) a : 링크 삽입

이렇게 클릭할 수 있는 버튼이 만들어진다.

target 속성을 사용하지 않으면 기존 창에서 연결되어 있는 링크로 이동하게 되는데 target을 사용하여 _blank를 사용하면 새창에서 열 수있다.

4) ol,ul,li : 리스트

ol태그는 ordered list의 약자로서 각각의 li태그들에 순서대로 넘버링을 부여한다.

ul태그는 unordered list의 약자로서 각각의 li태그들에 bullet mark를 붙여준다.

5) input, textarea : 다양한 입력 폼

input태그는 박스를 하나 만들어주는데 type에 따라 입력할 내용을 어떤 것으로 입력할지 정할 수 있다.

태그에 type을 password로 해서 추가하면

이렇게 비밀번호를 입력할 수 있는 박스가 하나 더 만들어지고 입력하면 안보이도록 …으로 출력되는 것을 볼 수 있다.

또한 div태그를 이용해 좀 더 깔끔하게 만들 수 있다.

6) type=”radio

이 속성을 사용해도 체크박스를 만들 수 있지만 checkbox와 차이점은 둘중 하나 혹은 셋중 하나만 체크할 수 있다.

7) textarea 태그는 줄바꿈이 가능한 입력 폼을 생성한다.

8) button 태그는 버튼을 생성해준다.