HTML form 관련 태그 / button태그와 input type=button 의 차이
·
Development/HTML
form 태그 블록레벨, 온라인 서식(검색, 로그인, 회원가입 등)에서 입력한 값들을 처리하는 프로그램으로 전송할 때 사용하는 태그 사용예) 속성 : action, method 1) action : 서식에서 작성한 값을 처리하는 프로그램의 주소(URL)를 지정 2) method : 서식의 값들을 서버 프로그램에 어떤 방식으로 전달할 것인지 정의. 방식은 get(검색), post(로그인,회원가입 등 중요한 정보 전송)방식 사용. 퍼블리싱 시, 개발자와의 원활한 협업을 위해 만들어놓는 것이 좋다. fieldset 태그 블록 레벨 요소. 양식 요소들을 그룹화 할 때 사용 (가로로 묶음) 자식요소로 사용하여 fieldset의 제목을 정의 한다. 사용예) 코딩 예시) 로그인 ID : PW : input태그 인라인..
HTML의 기본 구조와 개념
·
Development/HTML
1. HTML의 기본 구조 // 실제 웹 브라우저 화면에서 보여주는 내용 작성 2. 이외 개념 1) HTML 기본구조 자동입력하기 : 첫 줄에 ! 입력 후, Tab 또는 Enter, 입력 후 lang="en"을 lang="ko"로 변경 2) 웹 문서의 영역 : 헤더, 메인, 푸터, 사이드바 3) 경로 입력 시, 절대경로, 상대경로 구분 유의 절대경로 : 속성값이 항상 같은 경로 ex) https://naver.com 상대경로 : 현재 작성하는 문서의 위치를 기준으로 함. 문서의 위치에 따라 바뀜. ex) ./sub/sub2.html, ../index.html ※ 경로 표기법 / : 최상위 경로 ./ : 현재 폴더 위치 ../ : 상위 폴더 위치 4) 코딩의 대전제 : 2개 이상의 요소는 하나로 묶는다. ..