html5 썸네일형 리스트형 7. HTML Select tag로 목록 만들기 오랜만에 포스팅하게 되었습니다. 배우면서 하는 입장에서 이제는 누군가를 알려줄 수 있는 입장까지는 온 것 같습니다. 그렇기에 앞으로 포스팅에 힘써 블로그를 활성화 할 예정입니다!! 웹 퍼블리셔로써 또는 웹 개발자로써 많은 지식을 공유하고 저 또한 배워가는 시간을 가지도록 하겠습니다. 서론이 많이 길어졌네요. 본론으로 들어가 SELECT tag에 대해 알아보기로 할텐데요. 본론으로 들어가기에 앞서 select tag에 대해 알아야겠죠? 어찌 사용하는지 어디에 사용되는지 등등 우선은 select tag는 알게 모르게 여러곳에 쓰이고 있습니다. 지역을 선택할 때 (ex) 서울특별시, 경기도, 강원도, 충청북도 등등 핸드폰 번호를 선택할 때 (ex) 010, 011, 016 등등 이렇게 여러곳에 사용되고 있으며.. 더보기 2. CSS(min,max width와 height)- min,max 적용 너비와 높이 오늘은 min값과 max 값을 지정해서 정해놓은 값 이상으로 줄어 들거나 늘어나는 것을 방지 해 볼 껀데요. 일단은 정확히 사용법을 알아야 사용할 수 있겠죠?? min-width / min-height / max-width / max-height min-width : 요소의 최소 너비를 지정min-height : 요소의 최소 높이를 지정max-width : 요소의 최대 너비를 지정max-height : 요소의 쵀대 높이를 지정 이런식으로 CSS에 적용을 시켜주시면 되는데요. 사용 예를 한번 볼까요?? 1234div { max-width: 1000px; min-width: 500px;}cs 이런식으로 적용 시켜 주시면 되는데요. 여기서 하나 알고 계셔야 될께 하나가 있습니다! min 값은 max 값이 기본.. 더보기 1. CSS(width와 height) - 너비와 높이 안녕하세요~ 이 글이 CSS 게시판에 첫 글이 되겠네요. 일단은 시작하기 전에 제가 이 곳에 모든 CSS의 기능들을 소개하지 못할 꺼 같아서 링크를 걸어 드릴께요! https://www.w3schools.com/css/default.asp 이곳에 들어가면 모든 CSS 기능들이 있습니다. 그럼 기본적으로 CSS에서 많이 사용되는 기능들 위주로 설명하겠습니다!! 가장 많이 사용되는게 너비와 높이 정도겠죠?? 바로 width와 height 입니다. 사용법은 예를 들자면 div tag가 있다하면 1234div { width: 100px; height: 100px;}cs 이런 식으로 사용할 수 있게 됩니다. px 는 픽셀 값으로 그 값을 고정값으로 주기 위해 사용합니다. 1234div { width: 100%; .. 더보기 5. 기본적인 페이지 만들기 (section) 안녕하세요!! 오늘은 저번 포스팅에 이어서 section 부분을 꾸며볼 텐데요!! 다들 제가 알려드린 http://ovenapp.io 에서 기본 틀 구상은 하셨나요?? 아직 하지 않으셨다면 얼른 구상을 시작하고 하세요!! 개발자의 기본 자세는 기본 구상이죠!! 이번에 꾸밀 section을 기본적으로 알려 드린다면 왼쪽에는 20%의 width 값과 오른쪽에는 80%의 width값으로 왼쪽에는 메뉴 오른쪽에는 내용이 들어갈 수 있도록 할 텐데요. 이제 진행해 보도록할께요!! 일단은 width 20% 인 부분을 먼저 꾸며 보도록 할께요! 12345678910111213141516 User 내정보 홈 홈 홈 홈 홈 홈 Colored by Color Scriptercs 여기까지 진행하셨나요?? 복사 붙여넣기만 진.. 더보기 4. 기본적인 페이지 만들기 (header) 안녕하세요 오랜만에 포스팅을 하게 되었네요... 자 오늘은 기본적인 페이지를 만들어 볼 껀데요! 그 전에는 지루하고 이게 뭐야 하셨던 분들도 계셨을 텐데 이번에는 재미있게 진행해보도록 할께요!! 왜냐하면! 오늘은 진짜 페이지를 만들어 볼꺼 거든요!! 이번 포스팅은 여러번 나눠서 진행할께요!! 다들 Brackets나 Atom을 실행해 주세요~ 화면이 뜨셨나요?? 이제 진행해 보도록 할께요!! 오늘 부터는 소스도 밑에 같이 첨부하겠습니다!! 우선은 기본적인 HTML Templet을 작성해 주세요. 그 후에는 영역지정을 해 주는것이 좋겠죠?? 기본적으로 헤더부분 섹션부분 푸터부분을 지정해 주는 것이 좋은 데요. header 부분에는 페이지 이름이나 로고 정도가 들어가거나 아니면 메뉴가 들어가도 좋겠죠?? 또 .. 더보기 1. HTML 기본 작성법 및 기본 tag 안녕하세요~ 오늘은 HTML 기본 작성법과 기본 tag에 대해서 설명드릴 꺼에요~ 글이 길어지면 지루할테니 중간중간에 지루하지 않게 실습관련 사진도 같이 첨부할께요!! 일단은 개발툴을 실행해 주세요~~ 다들 이런 화면이 뜨셨나요?? 잘 뜨셨다면 전 시간에 했던 설명을 잘 따라오신 분들이시겠네요 : ) 좀 다른 부분이 있다면 밑에 Todo라는 부분과 오른쪽에 번개모양과 네모박스만 있는 것일 텐데요. 이것은 글 마지막에 추가적으로 설명해 드리도록하겠습니다! (그냥 추가기능일 뿐이거든요... ㅎㅎ) 첫 게시글에 설명했듯이 개발자는 따로 저장할 폴더를 만들어 주는게 좋다고 했죠?? 그 곳에 파일을 저장하기 위해선 그 파일 경로로 이동할 필요가 있겠죠?? 상단에 파일을 눌러서 폴더열기를 하신 후 지정 경로로 설정.. 더보기 HTML을 시작하면서.. 반가워요~~ 앞으로 여러분들과 HTML과 여러가지를 함께할 달꼼이라고 합니다!! 그 외의 것들은 그 게시글에 맞춰서 인사드리도록 하겠습니다. 우선은 가장 중요한 것이 개발 환경이겠죠?? 뭐든지 환경이 조성이 되지 않으면 개발을 할 수 없다는게 사실입니다... 말이 길어지면 지루할테니 바로 본론으로 들어가도록 할께요!! 이번글에서는 환경구성과 설치방법만 설명하도록 하겠습니다. 우선은 후에 java와 DB를 나가기 위해서 jdk를 설치하도록 할께요. jdk Download Link : -> http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 설치를 하려면 자신의 운영체제가 몇비트인지는 알아야겠죠?? 내 컴퓨터 .. 더보기 이전 1 다음
