Development/Web, WWW(448)
-
셀렉트박스(select), <option> 태그, 기본값 지정하기, 카테고리 지정하기
셀렉트박스(select) · 콤보박스(Combo box) 또는 Pull-Down Menus라고도 표현합니다. · 리스트형태의 데이터를 사용하며 이 리스트중 한 항목을 선택할 때 사용합니다. · 태그와 태그로 구성됩니다. http ftp smtp pop ssh 태그 태그에서는 선택된 항목의 value값이 서버로 전송되어지는 값이 됩니다. 기본값 지정하기 기본값으로 특정 항목이 선택되게 하려면 selected 속성을 해당 항목에 추가하면 됩니다. 카테고리 지정하기 · 태그를 사용하여 옵션에 카테고리를 만들 수 있으며 대부분의 웹 브라우저에서 지원합니다. · HTML 4 버전에서 새로 만들어진 태그입니다.
-
Bootstrap(부트스트랩) 특징
Bootstrap(부트스트랩)http://codedragon.tistory.com/2694 Bootstrap(부트스트랩) 특징· HTML로 웹페이지의 뼈대를 만들고 스타일시트에서 레이아웃을 만들기 위한 CSS의 속성과 값을 입력하는 대신 미리 정의된 클래스 선택자를 html 코드에 삽입 하는 곳 만으로 레이아웃과 각종 요소가 만들어집니다.· 부트스트랩의 스타일시트는 대략 7000여 라인으로 만들어졌습니다.· 웹페이지를 만들기 위한 거의 모든 요소에 대해 미리 정의를 해놓았기 때문에 손쉽게 웹사이트를 만들 수 있게 해주는 플랫폼입니다.· 반응형 웹을 최소한의 코드로 구현할 수 있습니다.· 트위터에서 미리 만든 UI를 사용하므로 전문 디자이너가 아니더라도 퀄리티 높은 웹을 구현할 수 있습니다..
-
Bootstrap(부트스트랩) 한글 번역페이지
Bootstrap(부트스트랩)http://codedragon.tistory.com/2694 Bootstrap(부트스트랩) 한글 번역페이지http://maczniak.github.io/bootstrap/index.html
-
웹 개발자 도구 (Web Developer Tool) - Chrome(크롬) 개발자 도구, Firefox(파이어폭스) 개발자 도구, Edge(엣지) 개발자 도구
웹 개발자 도구 (Web Developer Tool)· 클라이언트가 서버에 요청시 요청의 결과파일들(html, css, javascript)은 클라이언트 PC에 다운받은 다음 인터프린트되어져서 즉 해석이 되져서 표시되어 집니다.· 이때 해석이 잘 되었는지 확인하기 위해서 개발자 도구를 사용하게 됩니다.· 개발자 도구를 통해 브라우저가 어떻게 동작하는 지 알 수 있으며 이 과정을 통해 문제가 발생했을 때 해당 부분을 처리할 수 있습니다.· 개발자 도구에는 HTML구조, CSS스타일시트, HTTP통신과정, JavaScript디버깅, 프로파일링, 성능진단등의 다양한 기능을 제공하고 있습니다.· 개발자 도구는 크롬, 엣지, 사파리, 파이어폭스 등 각 브라우저별로 모두 비슷한 기능을 제공하고 있습니다. Chrom..
-
[CSS] list-style-type 프로퍼티, HTML과 CSS의 마커 동일 표현
list-style-type 프로퍼티 list-style-image 프로퍼티가 "none" 또는 ""에 지정된 이미지가 없을 시항목의 마커 형태 결정 태그 형태설명순서 의미 없는 특수문자순서 의미 있는 숫자 list-style-type 프로퍼티 값 (태그에서 사용) 프로퍼티 값설명decimal1로 시작하는 십진수western-decimal1로 시작하는 십진수decimal-leading-zero01, 02, 03로 표현되는 십진수lower-romani, ii, iii와 같이 로마숫자 소문자로 표시upper-romanI, II, III와 같이 로마숫자 대문자로 표시lower-alphaa, b, c와 같은 영어 소문자로 표시lower-latina, b, c와 같은 영어 소문자로 표시upper-alphaA, B..
-
이클립스(eclipse)에서 CSS File 생성하기
이클립스(eclipse)에서 CSS File 생성하기 마우스 우클릭 >> [New] >> [Other...] [Web] >> ["CSS File"] 항목 선택 >> [Next] 파일명 입력 >> [Finish] 파일 생성 완료!!!