본문 바로가기
반응형

전체 글333

[html] label 태그 [html] label 태그 태그는 양식 입력 창(form control)을 설명하는 이름표입니다. lable 요소로 묶인 텍스트를 클릭하면, form control(양식 입력 창)이 선택 됩니다. (다시 클릭하면 선택 해제됨) *form control이란-> input, textarea, button, select 요소로 생성된 입력 제어 장치 ▶함께 사용할 수 있는 속성 속성 속성값 설명 for 요소 id label로 묶을 id. 관련 요소의 id와 같음 form form id label이 속한 form의 id lable로 묶는 방법은 두 가지가 있는데, 1. for 속성을 사용하거나 2. 요소 안에 form cotrol을 두는 것. ▶html/css 작성 예를 보겠습니다~ html 이름: 좋아하는 .. 2014. 10. 17.
2014 파주 북소리 축제 후기 2014 파주 북소리 축제 후기 지난 주 파주 북소리 축제에 다녀왔어요. 처음엔 주말엔 사람들이 북적대고, 교통도 불편할 듯해서 갈까 말까 망설였어요. 하지만 1년에 한 번인데 두고 두고 후회하기 싫어서 토요일 오후에 탐방에 나섰습니다 당산역에서 2200번 버스를 타면 30분에 간다길래 당산역으로 gogo~~ 예상 외로(?) 기다리는 줄이 길지 않았고, 10분 안돼 버스가 왔고, 좌석이 많아 편안히 앉아 갔어요. 30분도 안돼 파주출판도시에 도착!! 내리면 이렇게 농촌 풍경이 펼쳐져 있습니다. 바로 앞에 안내해주는 사람이 있어, 어렵지 않게 축제 현장에 갈 수 있었어요 (10분 정도 걸어 감) 도서전은 서너 군데 가 보았기 때문에 파주에서 하는 '북마켓' 역시 저의 관심 대상! 이곳은 아동 관련 서적이 .. 2014. 10. 16.
[html] textarea 태그 [html] textarea 태그 지난 시간에 input 태그의 type 속성을 배우면서 [html] input type 속성 tyep="text"는 한 줄의 텍스트 입력 창을 만든다고 했습니다. 예] ID: ▶실행화면 TEXTAREA 태그 textarea 태그는 여러줄의 텍스트를 입력하는 창을 만듭니다. 문법: 내용 텍스트 창의 너비와 높이는 cols, rows 속성으로 지정하는데 css의 width와 height 값으로 지정할 수도 있습니다. css에서 width, height 값을 설정하면 cols, rows 속성을이무시됩니다. ▶함께 사용할 수 있는 속성 cols 숫자 텍스트 영역이 보이는 너비 . 기본값 20 rows 숫자 텍스트 영역에서 보이는 줄의 개수. 기본값 2 disabled disab.. 2014. 10. 16.
[html] input type 속성 [html] input type 속성(text/checkbox/radio/submit 등) html에서 양식을 만들 때 form 태그를 사용하며 input 태그는 입력 영역을 만듭니다. form 태그(html 양식 만들기) [html] input 태그 입력 영역의 종류는 type 속성을 통해 선택합니다. ▶input type 속성과 속성값 속성 속성값 설명 type 표시할 input 요소의 종류 text 기본값. 한 줄의 텍스트 입력 칸을 만듦(기본 너비 문자는 20) password text 속성과 같지만, 문자를 숨겨서 표시(별표 처럼) checkbox 체크박스를 만듦(선택 항목 중 여러개 선택 가능) radio 라디오 버튼(선택 항목 중 1가지만 선택 가능) button 누름 버튼 submit 전송.. 2014. 10. 15.
[html] input 태그 [html] input 태그 지난 시간엔 태그로 html 양식을 만드는 법을 배웠습니다. form 태그(html 양식 만들기) 오늘 배울 태그는 사용자가 데이터를 입력할 수 있는 입력 영역을 지정하는 태그입니다. form 요소 안에 사용 되며 은 닫는 태그가 없습니다. xhtml에서는 type 속성으로 입력 양식의 여러 가지 종류(라디오 버튼, 체크박스, 입력창, 누름 버튼 등)을 선택할 수 있습니다 ▶사용 예 1. Which flower do you like? rose ivy 2. What is your sexuality? male female ▶실행 화면 rose와 ivy 앞의 체크박스는 type="checkbox"로 만들어진 것이며 make, female은 type="radio"로 submit 은 .. 2014. 10. 14.
form 태그(html 양식 만들기) form 태그(html 양식 만들기) 웹사이트에서 흔히 보는 회원 가입 양식이나 검색 창 등을 만들 때 form 태그를 사용 합니다. ▶사용 예 Firstname: Lastname: 내용 양식의 시작과 끝을 알리는 태그입니다. 안에는 html의 모든 태그를 넣을 수 있습니다. 단 안에 또 다른 을 넣지는 않습니다. 입력 영역을 만드는 태그입니다. type 속성으로 입력 영역의 종류를 지정합니다. 입력 영역의 종류엔, button, checkbox, text, file, submit 등이 있습니다. ▶form 태그와 함께 사용할 수 있는 속성 속성 속성값 설명 action url 양식이 전송될 때 양식 데이터를 전송할 주소 method 양식 데이터를 전송할 때 사용할 HTTP 방식 get 기본값. 데이터(.. 2014. 10. 13.
파주북소리축제 가는길(가는 방법/주차/일정) 파주북소리축제 가는길(가는 방법/주차/일정) 파주북소리축제 일정을 올린다 올리단 해 놓고서 넋 놓고 있다가 시간이 이렇게 많이 지나 갔네요. 저도 파주출판도시는 처음 가는길이다 보니 파주북소리 축제 가는 방법이라든지 날짜별 일정 등을 찾아 보는데 명쾌하게 정리된 것이 없어서 이참에 제가 파주북소리 축제 가는길을 써 보려고 합니다. 파주 북소리 축제 가는 방법 대중교통 이용시 ☞ 서울->파주출판도시 9000번 • 노선: 당산역 → 영등포 타임스퀘어 → 출판도시 → 금촌역 • 첫차 7:30 | 막차 23:00 (배차간격: 40분) 2200번 • 노선: 합정역 2번 출구 앞 → 파주출판도시 (자유로 직행) * 합정역에서 약 30분 소요 • 첫차 5:20 | 막차 22:10 (배차간격: 출퇴근 시10분, 그 외.. 2014. 10. 11.
어린 왕자와 금강경 어린 왕자와 금강경 지난 주 토요일, 홍대 와우북페스티벌에 다녀오면서 어린 왕자 한글 번역본과 영역본을 한 꾸러미에 3,500원에 팔길래 사 가지고 왔다. 모처럼 공휴일 집에서 쉬게 되어, 조금씩 읽어 보고 있다. 한글본을 읽다가, 영역본을 보다가, 나라면 어떻게 번역할까 생각하며 영역본을 흥미 있게 보고 있다. 예전엔, 어린 왕자를 어떤 큰 문학 작품으로 대하며 읽었고 지금은, 이 책이 문학 작품으로써 어떤 의미가 있는지, 아마 생땍쥐베리는 가벼운 마음으로 심심풀이로 써 냈을지도 모를 이야기를 너무 큰 의미로 받아들이고 있는 건 아닌지, 그리고, 나도 '어린 왕자'의 자매판 '어린 공주'를 쓸 수 있겠다라는 가벼운 마음이 들다가도, 어른이 되어 다시 아이의 마음을 가지고, 그걸 투영해 낸다는 것이 아무.. 2014. 10. 10.
[css3] box-shadow 속성(그림자 효과) [css3] box-shadow 속성(박스 그림자 효과) box-shadow 속성은 박스 요소에 그림자를 넣는 속성입니다. ▶문법 box-shadow: none | h-shadow v-shadow blur spread color | inset none 기본값으로, 그림자가 표시되지 않음 h-shadow 필수 지정. 수평 그림자 위치. 양수 값을 지정하면 박스 오른쪽에 그림자가 드리워지며, 음수 값은 박스 왼쪽에 그림자가 드리워짐 v-shadow 필수 지정. 수직 그림자 위치. 양수 값은 박스 위쪽에 그림자가 드리워지며, 음수 값은 박스 아래 쪽에 blur 선택 지정, 그림자의 흐림 정도. 0으로 지정하면 그림자가 진하고, 숫자가 높아질수록 점점 흐릿해짐(양수값만 허용) spread 선택 지정. 그림자가 .. 2014. 10. 8.
[css3] background-origin 속성 [css3] background-origin 속성 background-origin 속성은 배경 이미지의 위치를 어디서부터 시작할지 지정합니다. background-image 속성과, background-clip 속성과 함께 사용하는데 background-clip 속성 배경 이미지를 넣는 background-image 속성 background-clip은 배경 이미지가 border, padding, content 세 영역 중에서 어디에서 잘릴지 지정하는 속성입니다. background-origin 역시 border, padding, content 세 영역 중에서 시작 위치를 지정합니다. ▶ 문법 background-origin: padding-box|border-box|content-box|initial|i.. 2014. 10. 7.
반응형

티스토리툴바