1. form tag
정보를 제출하기 위해 사용한다.
주로 메서드와 같이 사용되는데
method의 역할은
양식을 제출할 때 사용할 http 메서드로
1) post method: 데이터를 요청 본문으로 전송
2) get method: 데이터를 action url과 ?
구분자 뒤에 이어붙여서 전송
2. input tag
기본 type은
text로 지정되어 있으나
type을 바꿔줄 수 있다.
입력 유형과 특성의 다양한 조합 가능성으로
HTML에서 제일 많이 사용된다..!
자주사용하는 tag 몇개를 예로들면
1) button
2) submit
3) checkbox
4) radio
5) date
3. label tag
lable tag는
input tag와 연결하면 몇가지
이점이 있다.
그렇게 하기 위해서는
label 의 for와
input의 id를 똑같이 해줘야 한다.
여기서
id는 identification의 약자로
고유 식별자라는 뜻이다.
body안의 모든
tag는 id를 가질 수 있다.
그러나 element당
하나의 id만을 가질 수 있다.
<label>Click me <input type="text"></label>
<label for="username">Click me</label>
<input type="text" id="username">
위 아래 코드 둘다
click me라는 label을 사용해서
클릭을 하면 자동으로
빈칸에 텍스트를 입력할 수 있다.
4. div 와 span에대하여...
div는 box라고 생각하면 좋다.
box는 위 아래로만 둘 수 있기 때문에
div를 사용하지 않으면
옆으로 나열 되기 때문에
div를 사용하는데
div를 남발하면 코드의 가독성이 떨어지고
sementic적으로 문서파악이 어렵다.
그래서
<div id="head">
</div>보다는
<body>
<head>
</head>
<footer>
</footer>
</body>이런식으로 작성하는것이
의미파악이 더 쉽다..!
span 같은 경우도
span보다는 의미파악하기 쉬운
address tag를 사용하는 것이 좋다..!
'Frontend > HTML' 카테고리의 다른 글
| (3)- HTML( a tag /img tag/html 구조 ) (0) | 2022.10.22 |
|---|---|
| (2)- HTML(vs code/ h tag / li tag) (0) | 2022.10.20 |
| (1)- 브라우저와 웹사이트의 이해 (0) | 2022.10.20 |