[WEB][HTML5] 구조화 태그

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

• format_list_bulleted 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 html
• · 2025. 3. 6.
• textsms

[WEB] HTTP 프로토콜

HTTP 프로토콜* 문자 기반 프로토콜* 서버 측에서 접속에 대한 상태 유지 x, 각각 독립적인 요구사항으로 인식 → 안정성! 요청method (URL)GET: 정보 읽기POST: 정보 생성PUT: 정보 수정DELETE: 정보 삭제header [n줄] 웹 브라우저에 대한 정보를 웹 서버에게 자료를 전달해 주는 것meta 정보, cookie에 대한 정보 등이 담겨있음 (ex) 나는 chrome이야~ 나는 window 기반이야~ ... bodyGET일 때 body 사용 안 함 → URL 경로 뒤에 쿼리스트링으로 정보를 담아서 보내! (ex) kyumin.html?name=kyumin&age=00POST일 때 body 사용 → 요청할 정보를 body에 담아! 보안 안전성: GET 전송 가능한 정보 길이: GE..

• format_list_bulleted basic
• · 2025. 3. 5.
• textsms