본문 바로가기
반응형

It66

[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일 화면  네이버 오픈 캐스트란? 인터넷 상의 글을 개설자가 모아서  오픈 캐스트란 공간(ht.. 2014. 4. 20.
일 방문자 수 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.
반응형

티스토리툴바