본문 바로가기

공부기록/HTTP10

2월 17일 (2) HTML - input가 아닌 입력 태그 input이 아닌 입력 태그들 기타 입력 태그(와 관련 속성들) p154 1. textarea : 여러 줄의 문장(문자열)을 입력받는 요소용 태그 크기 지정 속성 rows : 높이(세로) 길이 지정, 줄, 라인 cols : 너비(가로) , 길이 지정, 글자 수 시작태그와 종료 태그 사이에 값을 전송(value 안 씀!) 공간의 크기를 변경할 수 있다.(기본값) 크기 변경 무효 : style="resize: none;" 여기에 쓰는 내용이 전송됩니다. 띄어쓰기를 하면 화면상 파란색 부분의 공백이 생긴다. 끊어서 코딩하고 싶으면 >를 포함해서 가지고 내려간다. 여기에 쓰는 내용이 전송됩니다. 크기 지정을 하고 쓴다. 지정한 크기 범위를 넘어갈 경우 자동으로 줄 바꿈이 되고 스크롤이 생긴다. 노란색 부분을 마.. 2023. 2. 17.
2월 17일 (1) HTML - input type 속성 태그 type속성 속성값에 따라 다양한 입력 형태를 활용할 수 있다. 날짜 관련 type data, month, week, time, datetime-local 숫자 입력 형태의 부가속성 1. min : 최소값을 설정, 설정한 값 미만의 값 입력 불가 2. max : 최대값을 설정, 설정한 값 초과의 값 입력 불가 날짜 및 시간 지정 형식 yyyy-mm-dd : y 연도형식, m 월 형식, d 일 형식 표시에 맞추어서 날짜 최소, 최대값을 지정해야 한다. 시간입력 : name 값을 지정해 주었을 때, 데이터가 전달되는 모습 datetime-local 해당 나라에 맞추어서 연-월-일-시간순 다른 나라에서 사용 시 월-일-연도-시간 순으로 나타난다. html 시계 표시에서는 초는 다루지 않는다. 날짜와 시간.. 2023. 2. 17.
2월 16일 (2) HTML - 입력 양식 작성하기 입력 양식 작성하기 form 태그 사이트에 사용자가 정보(데이터)를 입력할 수 있는 요소를 묶는 역할 사이트의 back-end로 데이터를 전송하는 목적으로 활용한다. 서버로 넘기는 영역까지가 form의 역할이다. html 페이지에서 html 페이지로의 데이터 전송은 할 수 없다. 전송처리 관련 기술 : php, asp, jsp 등 사용하는 방법 주요 속성 p 123 1. action : 입력 데이터를 보낼 back-end의 식별정보 2. method : get/post방식을 지정하는 속성 3. name : 자바스크립트 코드(프로그램) 부분에서 해당 form부분을 제어할 때 활용하는 식별 값 지정 관련 태그들 p 130 입력란을 만드는 태그, inline 요소를 가지고 있다. 입력태그의 모양을 결정하는 속.. 2023. 2. 16.
2월 16일 (1) HTML - 공간 분할 * 원도우 라이브 서버 연결하기 127.0.0.1:5500 라이브 서버는 기본적으로 설치되어 있음. 라이브 서버 IP주소 도메인 주소 - 인터넷 진흥원에 등록해야 함(강남) 유료서비스 127.0.0.1 = localhost 특별한 IP 주소 대외적으로 사용할 수 없는 주소, 한 컴퓨터의 내부적으로만 사용하는 주소 localhost (도메인네임 ex) naver.com, daum.net과 같은 개념) 컴퓨터는 순번을 셀 때 0부터 센다. LAN 네트워크 주소 설정, 내부적으로 사용함 127.0.0.1 모두 같은 주소이나 자신의 컴퓨터 내부에서만 수행함. 다른 컴퓨터에서 내 작업 내용을 보려면 Live server가 필요하다. 라이브서버 설치방법(VSC) 1. 확장 - live server 설치 2. 내 I.. 2023. 2. 16.
2월 15일 (2) HTML - 하이퍼 링크 하이퍼 링크 삽입하기 Hyper Text 초월문서, 문서의 범위를 뛰어넘는다. WWW(World Wide Web)에서 사용하는 문서의 형식인 Hyper Text를 구현한 태그 흔히, 링크(link)라고 한다. 사용 태그 ~ anchor(닻) 클릭이라는 이벤트를 통해서 페이즈를 이동하기 위해 사용 필수속성 href : 이동할 페이지를 지정하는 속성 이동할 페이지의 url(uri)를 작성한다. 같은 사이트 페이지로 이동할 때에는 http://을 생략해도 된다. re의 약자, 레퍼런스 : 참조하다. 범위로서의 차이 URL : Uniform Resource Locator 통합자원 위치정보 URI : Uniform Resource Indentifier 통합자원 식별자, 요즘에는 파라미터에 따라서 데이터가 많이 바.. 2023. 2. 15.
2월 15일 (1) HTML - 멀티미디어 추가 설명 p94 열 묶음 처리, 사전정의를 해주는 것이기 때문에 table 아래 작성 보조 적으로 사용하는 태그, 열과 매칭되어서 지정할 수 있다.(열의 개수만큼) 하나만 작성하면 첫 줄에만 적용된다. td(th)에 적용할 스타일을 미리 정의하여 적용 열의 개수만큼 태그를 사용하여 각 열별로 스타일을 정의할 수 있다. 정의할 스타일이 없는 경우 태그만 작성한다. 두 열 이상을 묶어서 스타일을 정의할 경우 span 속성을 사용한다. 네 줄이 있는 칸에서 세 번째만 적용하고 싶다면 만 쓰고 적용하고 싶은 곳에만 적용시키면 된다. (네번째는 아무 지정하지 않을 거면 작성하지 않아도 된다.) 에 적용할 수 있는 CSS border, background, width로 한정된다. 글자 가운데 정렬 td { tex.. 2023. 2. 15.