반응형 배워보자!!/html-css21 [html/css] html 선택목록만들기 <select> / <option> 홈페이지에서 생년월일 선택이나, 쇼핑몰에서 상품 선택시 목록이 아래로 쭉 펼쳐지는 걸 본 적 있으실 겁니다. 이런 것들을 선택목록이나 셀렉트 박스라고 합니다. 이 목록을 사용하면 공간도 절약되고 레이아웃도 깔끔해 집니다. 이러한 목록을 만들기 위해 태그와 태그를 사용합니다. 태그 -size 는 선택 목록의 크기를 지정합니다. 설정한 값만큼만 표시되고 나머지는 클릭을 해야지만 볼 수 있습니다. *자바스크립트로 새창열기 -window.open(링크주소) 코드를 수정후 적용하기를 눌러 확인가능합니다. === 즐겨찾기 === 테두리모양지정 테두리속성 html색상코드 테이블로 표만들기 적용하기!! 2015. 3. 18. [html/css] css 이용해 테두리 모양 지정하기! css를 이용하여 테두리 선을 꾸며 보겠습니다. none : 테두리가 없음 solid : 테두리를 직선으로 표시함 dotted : 테두리를 점선으로 표시함 dashed : 테두리를 좀 더 긴 점선으로 표시함 double : 테두리를 이중 실선으로 표시함 ridge : 테두리를 볼록한 실선으로 표시함 groove : 테두리를 오목한 실선으로 표시함 inset : 테두리의 내용을 오목한 모양으로 표시함 outset : 테두리의 내용을 볼록한 모양으로 표시함 코드를 수정후 적용하기를 눌러 확인가능합니다. none : 테두리없음 solid : 테두리 직선 dotted : 테두리 점선 dashed: 테두리 긴 점선 double: 테두리 이중 실선 ridge: 테두리 볼록한 실선 groove: 테두리 오목한 실선 .. 2015. 3. 18. [html/css] 테이블(table) 속성 알아보기! 테이블(table)의 속성에 대해 알아보겠습니다!1.HTML 문서에서 테이블을 정렬하기 위해 'align' 속성으로 지정하면 됩니다.ex) 2.테이블의 테두리 두께를 지정하는 border속성입니다.ex) 3.테이블의 크기를 조절하는 width, height 속성입니다.ex) 4. 테이블 테두리 색을 지정하는 bordercolor 속성입니다.ex) 5. 테이블 내에 셀 안의 내용의 위치를 지정하는 align 속성ex) 코드를 수정후 적용하기를 눌러 확인가능합니다. 1행1열 1행2열 1행3열 2행1열 2행2열 2행3열 1행1열 1행2열 1행3열 2행1열 2행2열 2행3열 1행1열 1행2열 1행3열 2행1열 2행2열 2행3열 적용하기!! 2015. 3. 11. [html/css] html 색상코드와 색상네임입니다. html 색상표입니다. 보시는 거와 같이 "#0000FF" 로 사용하셔도 되고 , "Blue"로 직접 입력해주셔도 됩니다. 코드를 수정후 적용하기를 눌러 확인가능합니다. #F5F5DC / Beige color #000000 / Black color #0000FF / Blue color #A52A2A / Brown color #D2691E / Chocolate color #00008B / DarkBlue /p> color #A9A9A9 / DarkGray color #FF1493 / DeepPink color #FFD700 / Gold color #008000 / Green color #FFFFF0 / Ivory color #FFA500 / Orange color #FF0000 / Red color #C0.. 2015. 3. 11. 이전 1 2 3 4 5 6 다음 반응형