HTML은?
- 웹 브라우저에서 뼈대를 생성하는 Markup 언어
- Tree 구조
- 부모 태그 자식 태그가 있음
| Tag |
Description |
| <div> |
Divisioin; 한줄을 차지 |
| <span> |
Span; 컨텐츠 크기만큼 공간을 차지한다 |
| <img> |
Image; 이미지 삽입 |
| <a> |
Link; 링크태그, 새창에서 열리게 하려면? target = “” 사용 |
| <ul> & <li> |
Unordered List & List Item; ul > li, ol은 넘버링 됨 |
| <input> |
Input(text,radio, Checkbox ...); 다양한 입력 폼 |
| <textarea> |
Multi-line Text Input; Input과 다르게 textbox안에서 줄바꿈 가능, 닫는 태그가 있음 |
| <button> |
Button; 버튼 태그 |
// input 태그 예시
<input type=”text” placeholder=”type here”> // textbox를 생성한다.
<input type=”password” > // passwordbox를 생성한다.
<input type=”checkbox” checked> checked // checkbox를 생성한다.
<input type=”radio” name=”choice” value=”a”>a
<input type=”radio” name=”choice” value=”b”>b
// radio를 생성한다. 라디오는 둘중 하나 클릭한다(그룹생성). name 속성으로 묶어준다.(name속성 안하면 둘다 클릭됨)