🩵[HTML 3일차]

ttt00·2025년 9월 2일

HTML

목록 보기

3/4

1️⃣<form> 태그

<input type = "text">		입력창
<input type = "password">	패스워드 입력창 (입력내용 숨김)
<input type = "number">		숫자 입력(증가 감소)
<input type = "checkbox">	중복 선택 가능
<input type = "radio">		중복 선택 불가
<input type = "file">		파일 선택
<input type = "submit">		제출 버튼
<input type = "reset">		초기화 버튼

⭐️결과⭐️
입력창
패스워드 입력창 (입력내용 숨김)
숫자 입력(증가 감소)
중복 선택 가능
중복 선택 불가
파일 선택
제출 버튼
초기화 버튼

2️⃣ 적용

3️⃣ <태그>

- ✅ <p> : 하나의 문단(블록 요소, 자동으로 줄바꿈)
- ✅ <br> : 줄바꿈
- ✅ <!--주석 내용--> : 주석 처리
- ✅ <html></html> : HTML문서의 시작과 끝
- ✅ <a>, <span> : 인라인 요소 (공간이 부족하면 밑으로 줄바꿈)
- ✅ <hN> : 글씨 크기
- ✅ <div> : container로 사용하는 태그 (의미X, CSS 적용시 레이아웃 나눔으로
디자인 다르게 적용)
- ✅ <ol> : 순서 있는 목록 (1.--- 2.--- 3.---)
- ✅ <ul> : 순서 없는 목록 (-... -... -...)
- ✅ <li> : 목록 항목 (<ol>, <ul> 각 항목을 정의할 때 사용)
- ✅ <a href = "링크">home</a> : 하이퍼링크 구문 
- ✅ <img src = "이미지 경로" alt = "이미지 설명 텍스트"> : 이미지 삽입
- ⭐️ <input type = "password"> : 비밀번호 입력창 (····)
- ⭐️ <input type = "number"> : 숫자 하나씩 증가 또는 감소
- ⭐️ <input type = "checkbox"> : 중복 선택 가능한 체크박스
- ⭐️ <input type = "radio"> : 같은 lable로 묶었을 때 중복 선택 불가한 체크박스
- ⭐️ <input type = "file"> : 파일 가져오기
- ⭐️ <input type = "submit"> : 제출 버튼
- ⭐️ <input type = "reset"> : 초기화 버튼
- ⭐️ <label for = "usergender">성별</label> : lable로 태그 요소(input)를 묶음으로써 설명(연결하려는 속성 같게하기)

4️⃣ 활용

ttt00

이전 포스트

🩵[HTML 2일차]

다음 포스트

🩵[HTML 3일차]

HTML

1️⃣<form> 태그

2️⃣ 적용

3️⃣ <태그>

4️⃣ 활용

🩵[HTML 2일차]

🩵[HTML 4일차]

0개의 댓글