[WEB][HTML5] 구조화 태그

💥 중요 포인트 💥부모/자식(DOM) 관계!!공간 분할 태그div: 블록 형식으로 공간 분할> width: 전체 행> 한 행을 모두 차지하며 끝 태그 이후 바뀜span: 인라인 형식으로 공간 분할> width: 컨텐츠의 크기> 내용 만큼만 영역을 차지 / 끝 태그 이후 줄바꿈 하지 않고 다음 내용 출력 블록 형식: div, h1~h6, p, 목록, table> 부모 태그의 크기> 상하좌우 마진 가능, 상하 마진 다른 div와 겹칠 수 있음> 크기 조정 가능 💨 인라인 형식: span, a, input, 글자 형식, 입력 양식> 상하 마진 불가> 좌우 마진 가능! (부모 기준)> 조정 불가능 💫 인라인-블록 형식: img 시맨틱 태그(semantic): 웹 페이지의 태그에 의미를 부여하는 태그hea..

• format_list_bulleted Web/html
• · 2025. 3. 6.
• textsms

[WEB][HTML5] 입력 양식 태그

입력 양식용 태그, 태그 속성method> 생략 가능> default: GET 방식 요청action> 생략 가능> default: 현재 사용중인 URL로 전송autocomplete> 예전에 입력했던 값들을 노출되지 않도록 하기 위함enctype> default: application/x-www-form-urlencoded> 특수 문자일 경우 다른 문자로 인코딩 되어서 전송됨(ex) @ → %40> 파일을 보낼 경우엔 반드시 multipart/form-data로 설정하여 인코딩 안 되고 그대로 전송!  type="text"기본 입력창 type="password"비밀번호 입력창입력한 내용이 보이지 않음  one two ..

• format_list_bulleted Web/html
• · 2025. 3. 6.
• textsms