IT GOGO

[HTML] 텍스트 정렬 Style 사용방법 HTML 의 웹반응형 언어 사용시 글자 정렬을 설정 해주고 싶을때 text-align 이라는 CSS 속성을 사용하는 것이 웹 표준입니다. 예를 들어, 임의의 HTML 태그 안에 style="text-align:center" 이런 스타일을 지정하면 중앙 정렬이 됩니다. 아래의 설정 방법을 참고하세요. 좌우 맞춤 / 가운데 정렬 / 양쪽 맞춤 등 예제 파일명: example.html (※ 스크롤 박스 사용법: 박스 안을 마우스로 클릭한 후, 키보드의 좌우 화살표키를 누르면 양옆으로 움직일 수 있습니다. 박스에서 다시 나오려면, 박스 바깥의 아무곳이나 클릭하면 됩니다.) 왼쪽 정렬(왼쪽 맞춤) : 좌측 정렬이 기본값입니다. 즉, text-align:left 이런 스..

[HTML] 텍스트 스타일, 크기, 굵기, 색상, 글꼴, 줄간격 설정 폰트에 속성을 주는 방법은 태그와 다른 태그 안의 스타일(style) 속성 두 가지를 쓸 수 있겠다. 이전에는 폰트를 적용할 때 ~~ 와 같이 하였는데, HTML5에서는 태그를 지원하지 않는다. 물론, HTML5가 일반화되고 브라우저 버전이 올라가도 이전에 만들어진 HTML 문서의 태그는 이상없이 작동을 할 것이므로 걱정할 일은 아니다. 단지, 앞으로 만드는 HTML문서는 가급적이면 스타일(style) 속성으로 주는 것이 낫지 않을까 싶다. ~ 태그로 속성주기 [ 예 ] 이 글자는 font 태그로 속성을 주었다 [실제 적용한 모습] 이 글자는 font 태그로 속성을 주었다 위에서 태그를 설정한 내용과 실제 적용된 모습이 다르다. 이렇게..

TISTORY 에 추가된 새로운 플러그인 Code HighLight 코드 문법 보기 을 통해서 쉽게 코드 테마 설정하기 예전 플러그인 제공 전에는 아래와 같은 게시글과 같이 별도 HTML 추가를 통해 코드 블럭을 삽입 가능하였다. 하지만 이제부터는 손쉽게 코드 블럭을 버튼 클릭만으로 추가 할수 있다. 자세한 방법은 게시글을 통해 확인해보자. TISTORY Syntax Highlighter 설치 TISTORY Syntax Highlighter 설치 TISTORY Syntax Highlighter 설치 Syntax Highlighter은 소스코드 예쁘게 보이도록 꾸며주는 오픈소스 스킨입니다. 일단 티스토리는 Syntax Highlighter를 제공하지 않아서 스킨을 수정하여 적용하면 사용 가능합.. inju..

TISTORY Syntax Highlighter 설치 Syntax Highlighter은 소스코드 예쁘게 보이도록 꾸며주는 오픈소스 스킨입니다.일단 티스토리는 Syntax Highlighter를 제공하지 않아서 스킨을 수정하여 적용하면 사용 가능합니다.소스 홈페이지 : http://alexgorbatchev.com/SyntaxHighlighter/ (오픈소스로 제공되어 누구나 사용 가능) 1. 설치방법설정 - 스킨 - HTML/CSS 편집 들어간 후, 와 사이에 다음 내용을 추가해 준다. SyntaxHighlighter.all(); 2. 사용방법우선 편집기에서 소스를 쭉 작성한다. < 를 < 로 작성해야 하는데, 이건 티스토리 편집기에서 자동으로 치환해 준다. 그리고 HTML 모드에서 위아래를 - 태그로..

Tistroy 블로그에 애드센스 광고 넣는 방법 입니다. 1. Adsense 계정 가입https://www.google.com/adsense/?hl=ko위 Adsense 사이트로 가셔서 가입한 뒤에 계정을 승인받아야 합니다. 2. Adsense 광고 생성계정 승인을 받은 이후에 로그인 하여내광고 -> 광고단위 -> 새광고단위를 클릭하여 새로운 광고를 생성합니다. > 광고를 구분하기 위한 이름입력.> 원하는 광고 크기 선택. 광고크기는 아래 링크에서 자세히 확인 가능.https://support.google.com/adsense/bin/answer.py?hl=ko&answer=185666&topic=29561&ctx=topic > 원하는 광고 유형 선택 보통 텍스트 및 디스플레이 둘다 선택> 맞춤채널 및 ..