JuinThyme

direction 속성 - 글자 쓰기 방향 지정하기 direction 속성을 이용하면 텍스트를 어느 방향부터 쓰기 시작해 화면에 표시할지 설정할 수 있다. direction : ltr | rtl 속성 ltr : 왼쪽에서 오른쪽으로 (left-to-right) 텍스트를 표시한다. 기본값이다. rtl : 오른쪽에서 왼쪽으로 (right-to-left) 텍스트를 표시한다. text-align 속성 - 텍스트 정렬하기 화면에 표시할 때 왼쪽에 배치할 건지, 가운데에 정렬할 것인지 설정이 가능하다. text-align 속성을 이용해 텍스트를 정렬할 수 있다. text-align : start | end | left | right | center | justify | match-parent 속성 start : 현재..

IT/HTML 및 CSS 2021. 4. 20. 19:30

type="submit", type="reset" - 서버 전송, 리셋 버튼 넣기 리셋(reset) 버튼은 요소에 입력된 모든 정보를 재 설정해 사용자가 입력한 내용을 모두 지울 수 있다. type="submit"은 사용자가 입력한 정보를 서버로 전송하는 버튼을 넣는다. 태그에서 지정한 폼 처리 프로그램으로 넘긴다. 메일주소 type="image" - 이미지 버튼 넣기 submit 버튼 대신에 이미지를 넣어서 서버로 전송하는 이미지 버튼을 넣는다. 기능은 submit 버튼을 클릭할 때처럼 사용자가 입력한 정보를 폼 처리 프로그램으로 전달된다. 아이디 비밀번호 type="button" - 버튼 넣기 폼 안에 버튼 형태를 만든다. submit이나 reset 같은 자체 기능이 없는 버튼만 넣는다. 그래서 버튼..

IT/HTML 및 CSS 2021. 4. 5. 20:00

태그 - 폼 만들기 폼 요소 태그 속성 값 method : 사용자가 입력한 내용들을 서버 쪽 프로그램으로 어떻게 넘겨줄지 지정한다. get : 주소 표시줄에 사용자가 입력한 값이 그대로 드러난다. post : 사용자의 입력을 표준 입력(standart input)으로 넘겨주기 때문에 입력한 내용의 길이에 제한을 받지 않고, 입력한 내용이 드러나지 않는다. name : 폼의 이름을 지정한다. action : 태그 안의 내용들을 처리해줄 서버 상의 프로그램을 지정한다. target : 태그에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도로 지정한다. autocomplete 속성 - 자동 완성 기능 검색창이나 로그인 창에 내용을 입력할 때 이전에 입력했던 내용이 아래에 표시되는 것이다. 속성을 '..

IT/HTML 및 CSS 2021. 3. 31. 22:07

태그, href 속성 - 링크 만들기 웹 사이트에서 클릭했을 때 다른 페이지로 넘어가지 않는 요소가 거의 없을 정도로 링크는 웹 상에서 널리 사용되고 있다. '메뉴'에도 링크가 적용되어있다. 링크를 만드는 태그는 텍스트와 함께 사용하면 텍스트 링크가 되고 이미지와 함께 사용하면 이미지 링크가 된다. 텍스트 속성 href : 링크한 문서나 사이트의 주소를 입력한다. target : 링크한 내용이 표시될 위치(현재 창 또는 새창)를 지정한다. download : 링크한 내용을 보여주는 것이 아니라 다운로드 한다. rel : 현재 문서와 링크한 문서의 관계를 알려준다. hreflang : 링크한 문서의 언어를 지정한다. type : 링크한 문서의 파일 유형을 알려준다. 텍스트 링크의 글자 색상 바꾸기 기본적으..

IT/HTML 및 CSS 2021. 3. 30. 12:23

태그, 태그 - 순서 없는 목록 만들기 순서가 필요하지 않는 목록(unordered list)을 만들 때 태그를 사용하고 태그 안에 태그를 사용해 각 항목을 표시한다. 각 항목 앞에 작은 원이나 사격형 같은 블릿이 붙는다. 목록 1 목록 2 목록 2 실행 화면 태그, 태그 - 순서 목록 만들기 태그에는 순서와 관련된 몇 가지 속성이 있으므로 속성 값에 조금씩 다른 형태로 표시할 수 있다. type 종류 1 : 숫자(기본값) a : 영문 소문자 A : 영문 대문자 i : 로마숫자 소문자 I : 로마숫자 대문자 start 속성 : 순서 목록을 기본적으로 1부터 시작하는데 start 속성을 이용하면 중간 번호부터 시작할 수 있다. reverse 속성 : 항목을 역순으로 표시한다. 박물관 미술관 경복궁 박물관 ..

IT/HTML 및 CSS 2021. 3. 29. 22:35

HTML을 하다보면 굉장히 많이 사용되는 태그 중 하나인 태그가 있다. 표로 만들어주는 HTML 태그인데, 표 뿐만 아니라 갤러리를 만들 수도 있고 지금은 잘 사용하지 않지만 웹 사이트 전체의 레이아웃 고강간을 배치할 때 사용됐다. 테이블 만들기 주제 태그 비고 테이블의 구성 요소 테이블을 만드는 태그 테이블의 헤더부분을 만드는 태그 테이블의 행을 만든느 태그 테이블의 열을 만드는 태그 테이블을 만드는 순서는 다음과 같다. 태그가 시작되고, 태그 안쪽에 태그와 다른 태그를 이용해서 작성한다. 테이블의 헤드 부분을 태그를 이용해 구분 짓는다.

IT/HTML 및 CSS 2021. 3. 21. 14:51

클라이언트와 서버 웹에 연결된 컴퓨터는 클라이언트(Client)와 서버(Server)라고 한다. 클라이언트는 웹 사용자의 인터넷을 통해 웹에 접근하는 소프트웨 즉 브라우저다. 서버는 웹 페이지, 사이트 또는 앱을 저장하는 컴퓨터다. 클라이언트가 웹페이지에 접근을 원할 때, 서버로부터 클라이언트 장치로 보여주기 위해 엡페이지의 사본이 다운로드 된다. 웹 동작 방식 사용자는 브라우저에 방문할 웹 사이트 URL을 입력해 웹 서버에 웹 페이지를 요청한다. 브라우저는 DNS 서버로 가서 웹 사이트가 있는 서버의 진짜 주소를 찾는다. 주소를 찾고 웹 페이지를 찾는다. 웹 페이지에 보여줄 필요한 정보를 데이터베이스를 조회해서 가져온다. 처리 결과를 웹 서버로 보낸다. 결과 정보를 작은 패킷 단위로 나누어 사용자 브라..

IT/기초 2021. 3. 17. 20:36