본문 바로가기
반응형

IT192

HTML meta 태그 meta 이란? 웹페이지에 표현되진 않지만, 웹 페이지를 잘 설명하기 위한 부가 정보들을 담당한다. charset="속성값" : 브라우저에 디코딩되는 문자형식을 지정 (속성값 utf-8은 한글폰트를 정상 출력시켜준다) name="description" content="내용" : 검색 결과에 대한 요약에 사용된다 name="keywords" content="내용" : 문서를 설명하는 중요 단어(키워드)들이다. name="author" content="내용" : 저자 http-equiv="refresh" content="숫자" : 지정한 시간(초) 마다 웹페이지를 리프레쉬 시켜준다. 응용하기 실습 2020. 10. 16.
HTML form(입력 양식) 파일 전송하기 파일 전송하기 input의 속성 type 중 하나인 file은 송신파일 선택필드 생성할 수 있게 해준다. 단 조건으로 enctype="multipart/form-data"을 무조건 form 라인에 붙여줘야 한다. 응용하기 실습 2020. 10. 16.
HTML form(입력 양식) method method 이란? method는 form의 내용 정보를 post로 처리할지 아니면 get으로 처리할지 정버 처리 방식을 지정한다. Get : form의 정보를 url에 담아 처리되어 그대로 정보가 url에 노출되는 위험이 있다. Post : form의 정보를 url이 아닌 방식으로 진행하여 처리한다. 즉 데이터를 숨겨서 전송하게 되어 정보 노출 보안에 장점이 있다. 일단 기본적으로 Post 방식을 사용한다. URI에 폼의 내용을 '?'으로 구분으로 추가하여 송신 응용하기 실습 2020. 10. 16.
HTML form(입력 양식) label(이름) label 이란? 문자가 더 명확하게 무언가의 이름표다 라는 것을 표현할 수 있게 한다. label화 시킨다면 적용된 문자에 마우스 커서를 갖다대면 명확히 표현하는 반응을 볼 수 있다. for : 폼 컨트롤의 id속성과 같은 값을 지정하여 서로 동기화되도록 한다. 컨트롤에 라벨을 부여하는 방법 label의 for속성에 컨트롤의 id속성과 같은 값을 지정하여 라벨과 컨트롤을 동기화한다. label 요소의 범위에 텍스트와 컨트롤을 포함시킨다. 응용하기 실습 2020. 10. 16.
HTML form(입력 양식) hidden hidden 이란? 감춰진 필드라고 말할 수 있다. 즉 서버로 정보를 전송해야 하지만 ui가 따로 필요없거나 몰래 보내야할 때 쓰인다. 개발자들만이 확인하기 위해 쓰인다는 거다. 2020. 10. 16.
HTML form(입력 양식) button(버튼) button 이란? input의 속성 type의 종류의 하나로 button은 버튼을 생성합니다. autofocus : 페이지를 로드할때 해당 요소가 자동으로 포커스를 받도록 지정합니다. disabled : 포커스, 선택, 변경 등의 조작이 불가능하게 하고 데이터도 서버에 전송하지 않는다. 불리언 속성입니다. name="이름" : 버튼의 식별자를 지정합니다. type=버튼의 종류를 지정합니다. submit : 폼을 제출합니다. 기본값입니다. reset : 폼을 리셋합니다. button : 아무것도 하지 않습니다. value="값" : 전송되는 데이터의 초기값 지정합니다. 응용하기 실습 2020. 10. 16.
HTML form(입력 양식) radio, checkbox (선택) radio 와 checkbox 이란? input의 속성 type의 종류 중 하나이다. checkbox : 체크박스 생성. (복수 선택이 가능) radio : 라디오버튼 생성. (복수 선택 불가능) checked : 웹 페이지를 열었을 때 이미 체크가 되어 있게 할 수 있다. 응용하기 실습 2020. 10. 16.
HTML form(입력 양식) Dropdown list(콤보 박스) select 이란? select는 선택목록을 생성한다. autofocus : 페이지를 로드할때 해당 요소가 자동으로 포커스를 받도록 지정한다. disabled : 포커스, 선택, 변경 등의 조작이 불가능하게 하고 데이터도 서버에 전송하지 않는다. 불리언 속성이다. form : 다른 폼 소유자와 명시적으로 연관시키기위해 사용된다. multiple : 복수선택 가능하도록 지정합니다. 불리언속성이다. name="이름" : 이름 지정한다. required : 필수요소인지를 지정합니다. 불리언 속성이다. size="행수" : 제공할 목록 갯수 지정한다. option 이란? select요소의 자식 요소로 각 항목을 정의한다. disabled : 옵션 요소를 비활성화 시킵니다. 불리언 속성이다. label="라벨" .. 2020. 10. 16.
HTML form(입력 양식)의 기본 문자의 입력 2 textarea 이란? 여러줄의 텍스트를 편집할 수 있는 컨트롤을 생성한다. autofocus : 페이지를 로드할때 해당 요소가 자동으로 포커스를 받도록 지정합니다. cols="폭"(필수 속성) : textarea에 표시될 폭을 문자수로 지정합니다. disabled : 포커스, 선택, 변경 등의 조작이 불가능하게 하고 데이터도 서버에 전송하지 않는다. 불리언 속성입니다. dirname : 요소의 방향성을 결정합니다. form : 다른 폼 소유자와 명시적으로 연관시키기위해 사용됩니다. maxlengh="최대 입력 문자수" : type속성이 text이거나 password일 경우 최대 입력 문자수를 지정한다. name="이름" : textarea의 이름을 지정합니다 placeholder : 사용자가 데이터를 .. 2020. 10. 16.
HTML form (입력 양식)의 기본 문자의 입력 1 form이란? 사용자가 입력한 정보를 서버로 전송하는 것들을 말한다. 웹 페이지가 상호작용할 수 있게 하기 위한 form의최상위요소로그법위를 정의한다. action="URI" : form의 필수 속성으로 필드의 내용을 처리하는 프로그램의 URI를 지정합니다. method="HTTP메소드" : 폼의 내용을 처리하는 방법을 지정합니다. (post:폼의 본문으로 송신, get : action 에서 지정한 URI에 폼의 내용을 '?'으로 구분으로 추가하여 송신) name="식별자" : 링크나 스크립트로부터 이 폼을 참조할 수 있게 식별자를 지정한다. EX) input 이란? form안의 기본적인 정보를 적을 수 있는 컨트롤 창을 생성한다. type : 필수속성이다. 다음은 타입속성에서 사용할 수 있는 값이다. .. 2020. 10. 16.
HTML 테이블(표) 태그 이란? table은 1차원 이상의 데이터를 표의 형태로 나타낸다. 테이블(표)을 나타내기 위한 다양한 종류의 태그들 tr : row (횡렬의 셀)로 정의 th : column (종렬의 셀)으로 제목셀을 정의 td : cell (표안의 항목)로 데이터셀을 정의 caption : 표의 제목을 정의 thead : 헤더행을 그룹화하여 정의 tfoot : 푸터행을 그룹화하여 정의 tbody : 본체행을 그룹화하여 정의 col : 열의 속성값과 스타일을 위한 그룹화 colgroup : 열의 구조적 그룹화. col요소를 포함할 수 있다. border : 태두리를 만들어준다. 입력한 숫자 수치만큼 굵기 늘어난다. rowspan : 횡렬을 입력한 숫자만큼 결합한다. colspan : 종렬을 입력한 숫자만큼 결합한다. 응.. 2020. 10. 15.
HTML 기본 문법, 태그 HTML 이란? Hypertext Markup Languaged의 약자로 인터넷 서비스의 하나인 월드 와이드 웹을 통해 볼 수 있는 문서를 만들 때 사용하는 웹 언어의 한 종류이다. 인터넷에서 웹을 통해 접근되는 대부분의 웹 페이지들은 HTML로 작성된다. 기본적인 HTML 실행 방법 1. 윈도우 기준으로 메모장을 실행한다. 아무 글자나 입력해본다. 2. 그리고 저장을 하기전 파일 이름 확장자를 html로 바꿔주고 파일 형식을 모든 파일로 바꿔준다. 그리고 인코딩 또한 UTF-8으로 바꿔준다. 3. 저장한 곳에 뜬 이러한 아이콘을 눌러주면 메모장에 적은 글이 웹 페이지 형식으로 나온다. HTML 기본 태그들 1. title은 HTML 문서의 타이틀을 지정하는 요소이다. 2. head는 문서에 나타는 메타.. 2020. 10. 15.
반응형

티스토리툴바