본문 바로가기
반응형

분류 전체보기333

[html/css] div 2개 정렬하기 (오른쪽, 왼쪽, 중앙 정렬) [html/css] div 2개 정렬하기 (오른쪽, 왼쪽, 중앙 정렬) 얼마 전에 div 1개 정렬하는 방법을 알아 보았습니다. [html/css] div 1개 정렬하기(왼쪽, 오른쪽, 가운데 정렬) 이번 시간에는 div 2개 정렬하는 방법에 대해 알아 볼게요. div가 2개일 때는 조금 더 복잡합니다. 2개 이상의 div는 문장 속에 삽입되는 경우도 있지만, 대부분은 레이아웃을 할 때 자주 사용되지요 그래서, 예제도 레이아웃 중심으로 배워 보겠습니다. STEP 0. 브라우저 기본값 초기화하기(reset) 각 브라우저마다 기본값이 달라, 여백에 약간씩의 오차가 발생하는데.. 브라우저 기본값의 초기화 리셋(reset.css)의 개념 모든 브라우저에서 통일된 화면을 볼 수 있도록 초기화(reset) 하는 과.. 2014. 4. 23.
오뚜기 살코기 마일드참치 원조 시식 후기와 참치김치찌개 맛있게 만드는 비법 오뚜기 살코기 마일드참치 원조 시식 후기와 참치김치찌개 맛있게 만드는 비법 마트에 갔다가, 참치캔를 묶에서 싸게 팔길래 3팩을 사왔어요. 참치캔도 다양해서, 회사마다 상품마다 맛이 천차만별이죠 가끔 싼 가격에 산 참치캔은, 맛이 퍽퍽하거나 기름기가 없어서, 참치 답지 않은 참치맛이 날 때도 많아서 좀 걱정을 했어요. 보통 저는 참치를 김치와 함께 찌게에 넣어서 익혀 먹는 편인데, 맛이 어떤지 궁금해서 뚜껑을 따 보았습니다. 오뚜기 살코기 마일드 참치 원조 일단 기름기는 많아서 안심이었고, 맛을 보니 퍽퍽하지 않고 괜찮았습니다. 살코기가 아닌 원래 참치캔과 비교하자면, 기름에 물기가 더 많은 느낌. 아무튼 이 참치캔으로 김치참치찌개를 끓여 보았습니다 참치 김치찌개 맛있게 만드는 비법 제가 자취하면서, 몇 .. 2014. 4. 22.
[html/css]브라우저 기본값의 초기화 리셋(reset.css)의 개념 [html/css]브라우저 기본값의 초기화 리셋(reset.css)의 개념 브라우저는 HTML언어를 번역해서 보여주는 기능을 한다고 했는데요, HTML 기초 (markup, 브라우저 종류/ XHTML, XML, HTML5, DHTML 차이) 대표적인 브라우저로 IE(인터넷 익스폴러러) Firefox(파이어 폭스) Chrome(구글 크롬) Safari(사파리) Opera(오페라) 가 있습니다. 이들 브라우저는 모두 같은 기본값을 사용하고 있지 않습니다. 예를 들어, margin과 paddding을 적용했을 때 브라우저마다 보이는 방식이 다릅니다. 또한 들여쓰기의 거리나, line height의 폭, heading 크기의 기본값이 저마다 다르고요 리셋(reset) 의 개념 리셋(reset) 이라는 개념은, .. 2014. 4. 21.
블로그 방문자수 늘리기 도전, 생각보다 쉬운 네이버 오픈캐스트 개설 블로그 방문자수 늘리기 도전, 생각보다 쉬운 네이버 오픈캐스트 개설 네이버 메인 화면 중간에 보면 [오픈캐스트]라고 있죠. 오픈캐스트를 운영하는 친구가 있어서 관심은 가지고 있었는데...  오랫동안 미루다가, 어제 드디어 개설했습니다.^ ^ 미루었던 이유는, 캐스트를 만들려면 네이버 회원 5명의 추천 동의가 필요한데,  그런 과정이 조금 어렵게 느껴졌거든요.  그래도 통과 의례이니 아는 지인들에게 부탁을 해서 추천을 받았고요, 그 이후로는 별 어려움 없이 개설 작업을 마무리했습니다.   오픈캐스트 4.20일 화면  네이버 오픈 캐스트란? 인터넷 상의 글을 개설자가 모아서  오픈 캐스트란 공간(http://opencast.naver.com)에 발행하여 글을 공유하는 서비스입니다. 네이버 블로그나 까페의 글.. 2014. 4. 20.
다방 커피 맛있게 먹는 방법 3가지, 커피 맛있게 먹으면서 치아도 관리하기 다방 커피 맛있게 먹는 방법 3가지, 커피 맛있게 먹으면서 치아도 관리하기 커피를 좋아해서 하루에 2잔 정도 마십니다. 좋아하는데 그 정도야 하시겠지만, 원래는 1잔만 마시다가 최근 늘어난 양이랍니다... ; 체질이 좀 약한지, 제 몸은 커피에 좀 민감한 편인데요 제가 커피를 먹기 시작한 것은 고등학교를 졸업하면서부터인데, 처음에 한 잔을 마시고 나면 몸이 달달달 떨리더군요.... 또 저녁 6시 이후에 먹으면 밤에 잠이 오질 않고요. 그래서 하루 2~3잔이 제겐 최대 양이랍니다. 저는 주로 설탕+프림+커피가 모두 들어간 다방 커피를 좋아하는데, 다방 커피의 단점은 설탕이 너무 많이 들어간다는 것! 제 주변 사람들을 봐도 설탕이 너무 많다고들 얘기합니다. 이게 한국인의 입맛에 맞는 최적회된 비율인지는 모르.. 2014. 4. 19.
[초보 산행 코스 추천] 광명 구름산 가는법 [초보 산행 코스 추천] 광명 구름산 가는법 저는 산을 참 좋아하는 편입니다. 한창 취미가 있을 때는, 주말마다 혼자서도 가고, 친구하고도 하고, 또 모임을 통해서도 종종 다녔답니다... 힘든 산행보다는 야트막하고, 1~2시간 이내의 짧은 산행을 즐기는 편이에요. 그래서 모임을 통해서 갈 때는 가는 코스의 거리와, 난이도를 물어보고, 또 검색도 해봐서, 너무 멀다 싶으면 빠지는 편입니다. 보통 걷는 모임이나 산행 모임은, 초보자에게도 힘든 코스가 많죠. 그래서 정말로 '산책'하기에 적절한 산행 코스를 연재 형태로 소개해 보려고 해요. 첫번째 추천 코스는, 광명구름산입니다. 구름산은, 광명에서는 가장 높은 산이지만 (237m), 서울이나 서울 근방에 있는 다른 산에 비해 굉장히 완만하고 야트막합니다. 그렇.. 2014. 4. 18.
일 방문자 수 500명 돌파 기념 일 방문자 수 500명 돌파 기념 어제 일일 방문자 수 500명 돌파를 했습니다. *^^* 몇 주째 500명을 채우지 못해 간당간당했는데, 어제 드디어 501명을 기록했네요. 500번째 방문자께 특별히 축하 꽃다발을 드리고 싶네요 또, 한 분 한 분이 모여 누적 방문이 되는 것이니까, 방문해주신 모든 분들께도 감사한 마음을 전합니다. ^^ 누가 들으면, 뭐 대단한 거라고 자축하는지 웃기실 것 같아요 하지만, 제가 다루는 대부분의 글이 다양한 분들이 관심 가질 만한 글이 아니기에, 이 정도로 방문자가 있는 것도 제겐 의미 있는 일이고, 앞으로도 더 발전할 수 있으리란 희망도 생기네요. 제가 티스토리 만든 날은 2013. 12. 25일 글을 처음 쓴 날은 2013. 12. 26일, 처음에는 드문 드문 글을 .. 2014. 4. 18.
[html/css]공란을 입력하는   와   차이 [html/css]공란을 입력하는 와 차이 와 는, 둘 다 html화면에서 공란을 보여주는 특수기호입니다.(character entity) 는 영어로 space(공란)라고 하며, 는 none-bracking space(끊어지지 않은 공란)이라고 합니다. 즉, 는 여러개를 입력해도 공란 한 칸만 표시되며, 입력한 개수대로 공란을 표시합니다. 비교를 위해, 티스토리 화면에서 html 상단에 체크 버튼을 눌러, 아래 코드를 입력해 보겠습니다. 둘 다 4개씩 입력해 보겠습니다. S PACE S PACE 결과S PACE S PACE 아래 링크 글도 같이 참조해 주세요 ^^ [html기초] , br, pre, p 태그 chracter entity는 얼마 전에 다룬 분수 기호 입력할 때도 나왔었는데, 인터넷에서 분수.. 2014. 4. 17.
[html/css] 화면 상단/하단에 애드센스 광고 1개 넣기 [html/css] 화면 상단/하단에 애드센스 광고 1개 넣기 지난 시간에 배운 div 정렬 방법을 이용하여 애드센스 광고 넣는 법을 배워보겠습니다. 꼭 애드센스가 아니더라도, 다른 광고도 마찬가지입니다~ [html/css] div 1개 정렬하기(왼쪽, 오른쪽, 가운데 정렬) 글 속에 광고를 넣는 순서(글 한 개만 적용) 1. 광고 코드가 들어간 박스 만들기 2. 글 작성 화면에서 상단 오른쪽 html 박스에 체크 표시 후, 원하는 곳에 이 박스를 넣는다. 티스토리 스킨에 광고를 넣는 순서(전체 적용) 1. 광고 코드가 들어간 박스 만들기 2. 티스토리 관리 화면-> html/css-> html 화면에서 CTRL+F 로 ##_article_rep_desc_## 을 찾음 상단 광고는 ##_article_r.. 2014. 4. 16.
[html/css] div 1개 정렬하기(왼쪽, 오른쪽, 가운데 정렬) [html/css] div 1개 정렬하기(왼쪽, 오른쪽, 가운데 정렬) div 태그는 하나 이상의 태그를 마치 그릇처럼 담아서 여러 스타일을 주기에 편리합니다. 즉 div는 여러 요소를 담는 박스라고 보시면 됩니다. 보통 div 1개를 쓰는 경우는 글 속에 삽입하는 경우가 많으므로, css 작성은 인라인 스타일로 작성했습니다. [html/css기초] span, div CSS란? (HTML과 CSS의 차이, CSS 작성법) div 만드는 법 내용 여는 태그와 닫는 태그 사이에 내용을 넣으면 됩니다. 함께 사용할 수 있는 속성 width 너비 height 높이 margin 객체와 객체 사이의 공간 (여기서는 박스를 정렬할 때 사용하기도 함) padding 선과 내용사이의 공간 text-align 박스 안에 .. 2014. 4. 15.
반응형