본문 바로가기
반응형

분류 전체보기333

[html/css 기초] border 속성 자세히 알아 보기(border-width, border-style, border-color 사용법) [html/css 기초] border 속성 자세히 알아 보기(border-width, border-style, border-color 사용법) 오늘은 border 속성에 대해 배워 보겠습니다. 태그 작성법에서 배울 때 border 속성은 표의 굵기를 지정하는 역할이라고 했습니다. (표 색상은 bordercolor) table 태그, tr 태그, th 태그, td 태그와 table 속성 정리 html에서 border 속성 사용 예: 번호 이름 실행 화면: 번호 이름 [CSS에서 border 속성 사용하는 법] CSS란? (HTML과 CSS의 차이, CSS 작성법) css에서 border 속성 사용법은 조금 다릅니다 border: 선 너비, 선 모양, 선 색상; 을 한꺼번에 지정하고, 특히 선 모양은 꼭 지.. 2014. 3. 24.
아름다운 일러스트가 돋보이는 영어 동화책 100권 아름다운 그림이 돋보이는 영어 동화책 100권 지난 번에 초등 학생을 위한 동화책 100권을 추천했는데 초등 영어 동화책 100권 (성장하기 전에 읽어야 할 아동도서 100권) 동화책보다는 소설책이 더 많았던 듯 합니다. 그래서 이번엔 그림 동화책만(물론 영어), 특히 일러스트가 아름다워 뽑히게 된 영어 동화책 100권을 소개하고자 합니다. 그림만 예쁜 것이 아니라, 이야기 또한 멋진 그림 책이랍니다 만화나 귀여운 그림은 아니고요, 섬세하게 그려진 일러스트입니다. 제목이 동일한 동화책도 간혹 있어요. 그래서 책을 고르실 때 저자 이름도 주의해서 봐주세요! 이 도서 목록은 goodreads란 도서 추천 사이트에서 가져온 것으로 독자들의 추천에 의해 선정됩니다. 이 목록의 원래 제목은 Children's P.. 2014. 3. 21.
DIV 태그를 이용하여 레이아웃 만들기 DIV 태그를 이용하여 레이아웃 만들기 지난 시간에 div태그와 float 속성에 대해 배웠습니다. [html/css기초] span, div [css] - span, div 태그 차이 [css 기초] float 속성에 대하여 div태그는 하나 이상의 태그를 묶는 태그라고 했는데요, 이렇게 묶어진 요소들은 하나의 객체로 취급되어 속성을 주기에도 편하고, 웹 문서의 전체 배치(layout)을 할 때도 상당히 유리합니다. 우선 쉬운 사용 예부터 보겠습니다. 1. 월요일, 화요일, 수요일을 태그로 묶어서 전체 스타일을 줄 수 있고요. 월요일 화요일 수요일 2. 이미지와 문장을 함께 엮어 스타일을 줄 수도 있어요. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세. (후렴) 무궁화 삼천리 화려강산 .. 2014. 3. 19.
하안 도서관 가는 방법(열람실, 휴관일) 하안 도서관 가는 방법(열람실, 휴관일) 오늘은 광명시 하안도서관에 대해 소개할까 합니다. 광명시에는 광명도서관, 하안도서관, 그리고 최근에 생긴 철산도서관이 있는데 철산도서관은 철산역하고 가깝지만 도로가 붙어 있고, 좀 조용한 곳에서 공부를 하시고 싶으신 분은 광명도서관이나 하안도서관이 더 적합하실 거예요. 하안도서관은 제가 광명에 살 적에, 자주 이용했던 도서관입니다. 열람실이 여성, 남성, 혼용, 청소년 따로 분리가 되어 있어 편리하고요. 또 디지털좌석이나 비디오, 어학 공부하는 공간도 커 좋습니다. 책을 대출하는 종합자료실에도 컴퓨터 할 수 있는 공간과, 책을 볼 수 있는 좌석이 많이 있어 하안도서관은 여러 모로 방문객의 편의를 고려해 지었다고 생각됩니다. 하지만, 공부하는 열람실을 이용할 때 회.. 2014. 3. 18.
[css 기초] float 속성에 대하여 [css 기초] float 속성에 대하여 float를 그대로 번역하자면 '띄우다'라는 뜻입니다. float는 css에서 정렬하기 위해 사용되는 속성입니다. 예를 들어, 문서에 사진과 그림이 있을 때, 그림을 왼쪽이나 오른쪽으로 띄워서 정렬하거나 각 객체를 오른쪽이나 왼쪽으로 정렬하여 전체 문서를 배치(layout)할 때도 사용할 수 있습니다. 지난 시간에 줄 속에 넣는 태그(inline element)와, 묶음 태그(block element)에 대해 배웠는데 [inline element&block element] - span, div 태그 [float 속성값] none-띄우지 않음 (기본값) left- 왼쪽에 띄움 right- 오른쪽에 띄움 initial - 기본값으로 설정함 inherit - 부모 요소.. 2014. 3. 18.
[html 기초] b, strong, em, i, cite, small 태그 [html 기초] b, strong, em, i, cite, small 태그 전 시간에는 제목을 나타내는 태그 ~에 대해 알아 보았습니다. [html 기초] 제목 태그 h1, h2, h3, h4, h5, h6 이번 시간에는 글씨체를 굵게, 이탤릭체로, 작게 나타내는 태그에 대해 알아볼게요. bold 의 약자입니다. 글씨를 굵게 지정합니다. 밑에 나오는 태그와 유사함.. 사용 방법 : 내용 글자를 굵게 표시하여, 텍스트를 중요하게 보이고자 할 때 사용합니다. 사용 방법 : 내용 emphasized text 즉 특정 텍스트를 강조하고자 할 때 사용합니다. 밑에 나오는 와 비슷합니다. 사용 방법 : 내용 이탤릭체로 표시할 때 씁니다. 사용 방법 : 내용 주로, 작품명( 그림 이름, 책 이름, 영화 이름 등)을.. 2014. 3. 18.
[html 기초] 제목 태그 h1, h2, h3, h4, h5, h6 [html 기초] 제목 태그 h1, h2, h3, h4, h5, h6 이제부터 글자, 글꼴, 글꼴 색, 글꼴 크기 에 관련된 태그를 정리해 볼까 합니다. 오늘 알아 볼 태그는 제목 태그 인데요 우선 알아둘 점은, html 작성 시 글꼴이나, 글자 크기 등을 특별히 지정하지 않으면 브라우저의 기본 글꼴과 크기로 표시됩니다. 예: 1. 월요일 2. 화요일 3. 수요일 4. 목요일 5. 금요일 6. 토요일 7. 일요일 제 브라우저는 웹 페이지 기본 글꼴이 '굴림체'로 설정되어 다음과 같이 화면이 나옵니다 만일, 갖고 계신 브라우저의 기본 글꼴이 '궁서체'라면 궁서체로 표시되겠지요.. 는 가장 큰 제목을 쓸 때 는 그 다음 큰 제목 . . . 은 가장 적은 제목을 쓸 때 필요한 태그입니다. 예: 1. 월요일 2.. 2014. 3. 18.
내가 생각하는 글 잘 쓰는 법 (7가지 원칙) 내가 생각하는 글 잘 쓰는 법 (7가지 원칙) 이번 봄은 유난히 느리게 다가오는 것 같네요 어서 봄이 빨리 와주었으면 하는 바람 때문에 더 더디게 느껴지는가 봐요. 그래도 오늘은 햇살이 한층 따사로워져 어디론가 봄 구경이라도 떠나고 싶은데... 지금은 사정이 여의치 않으니 벚꽃이 필 때쯤에나 길에 나서야겠어요 ^ ^ 오늘은 친구가 도서관에 가자고 해서 무작정 따라 왔는데, 도서관에 왔으니, 문득 일을 해야겠다는 생각이 들고(글 쓰는 일) 힘 들게 쓰여지는 글보다 힘이 덜 가는 수필식 글이 쓰고 싶어졌어요. 그래서 비교적 만만한? '글 잘 쓰는 법 3탄'에 대해 써 볼까 하고요. 글쓰기 초보의 글 잘 쓰는 법 (다작과 완결성) 글쓰기 초보의 글 잘 쓰는 법 2탄 1. 다독, 다작, 다상량 다른 분들은 어떨.. 2014. 3. 15.
초등 영어 동화책 100권 (성장하기 전에 읽어야 할 아동도서 100권) 초등 영어 동화책 100권 (성장하기 전에 읽어야 할 아동도서 100권) 얼마 전에, 영미소설 추천 100권을 알아보았는데요.... 좋은책 추천 (영미소설) (죽기 전에 읽어야할 책 100 권) 제 관심사인 영어동화책에 대해서도 써 보려고 합니다 제목을 '영어동화책' 이라고 지었지만, 목록에는 동화책 뿐 아니라 초등을 대상으로 하는 책이 대부분이에요. 하지만 원어민이 아닌 영어를 배우려는 사람에겐 초등, 중등, 성인 가릴 것 없이 재미나게 읽을 수 있는 책이랍니다 예를 들어 목록 중에 여러 차례 나오는 로얄드 달(Roald Dahl )의 책은 과 란 영화로도 만들어져 아이들에게뿐 아니라 성인에게도 인기가 있습니다. 아래 '초등을 위한 영어 동화책 100권'은 책 추천을 위한 가장 큰사이트라고 알려진 go.. 2014. 3. 14.
[html/css] span, div 태그 차이 특정영역와 넓은 영역에 스타일을 주는 태그 span, div 태그 지난 시간에 span, div에 대해 다뤘는데요 오늘은 span, div 태그 2탄입니다. [html/css기초] span, div 글꼴, 색깔, 너비나 높이 등 스타일을 지정할 때, 두 가지 방식으로 지정할 수 있는데요. 1. 문자 일부분만을 선택해서 지정하거나 (inline) 2. 넓은 범위를 묶어서 지정하거나 (block) [Inline Element] 1번은 줄 속에 끼워 넣는 요소(inline element) 라 하며, 예 :, , , 태그 등 [사용 예] 지구별 홈페이지에 오신 것을 환영합니다 지구별 홈페이지에 오신 것을 환영합니다 지구별 홈페이지에 오신 것을 환영합니다 사용 예에서 본 것처럼 특장 문자를 선택해서 지정할 때 편.. 2014. 3. 14.
반응형