본문 바로가기

스킨꾸미기

(3)

티스토리 블로그 스킨 꾸미기 [img태그] 태그(1) 정의 image를 줄인 태그로 말그대로 이미지를 웹페이지에 삽입하고자 할때 사용한다. (2) 사용법 태그는 삽입하고자하는 이미지의 경로를 지영해야 하는데, 이게 정상적이지 않으면 엑박(엑스박스)이 뜨게 된다고 합니다.고로 경로를 지정하기 위해 "src"라는 속성을 이용하는데요,이외에도 이미지의 사이즈를 정해주는 속성이 2가지가 있습니다. : 시작, 오픈 태그- : 종료, 클로즈 태그 3가지 "속성"을 함께 보시면▶ src : 이미지의 경로를 지정▶ width : 이미지의 가로 사이즈를 지정▶ height : 이미지의 세로 사이즈를 지정 (3) 실습 ATOM 으로 이용하여 img태그를 실습 해보자.180x180 사이즈의 png파일을 src 속성으로 경로를 지정해 주고width 속성과 height..

티스토리 블로그 스킨 꾸미기 [h1~h6태그] 태그(1) 정의 글이나 문장의 제목 등으로 사용되는 이 태그는 Heading을 줄인 말이라고 한다. (2) 사용법 은 블로그의 포스팅 제목에 해당하는 태그로 가장 큰? 먼저 사용되는 태그이다.는 포스팅 제목을 클릭하여 가장 먼저 보이는 콘텐츠의 핵심 타이틀 제목이다.는 의 하위 제목으로 내용을 세분화 하기 위해 사용되는 제목이다.나 , 등은 더욱 내용을 세분화하기 위해 사용된다.(저는 h4까지 많이 사용하고 있습니다.) : 시작, 오픈 태그 : 종료, 클로즈 태그 (3) 실습 ATOM 으로 이용하여 h태그를 실습 해보자.위와 같이 작성하여 어떻게 나오는지 보도록 하겠다. 보시는 것처럼 숫자가 클수록 폰트가 큰걸 볼 수 있지요.h4 옆에 h5와 h6을 나란히 적었는데 밑으로 내려가 있는걸 볼 수 있습니다...

티스토리 블로그 스킨 꾸미기 [span태그] 태그(1) 정의 레이아웃을 설정할때 사용하는 태그로 태그와 유사하지만 사용방법은 다르다. 태그의 display속성은 inline요소이며, 를 이용한 줄바꿈이 되지 않는다. 왜냐하면 일직선으로 사용시에 쓰는 태그이기 때문이다. 반면, 태그는 줄바꿈이 되는 block요소라고 한다. (2) 사용법 태그는 혼자 사용하지 않으며 주로 CSS속성들과 함께 사용한다. : 시작, 오픈 태그 : 종료, 클로즈 태그 현재 작성 중인 이러한 문장들을 꾸밀때 많이 사용되어 진다. 예시) : 시작, 오픈 태그 : 종료, 클로즈 태그 (3) 실습 ATOM 으로 이용하여 span태그를 실습 해보자. 위와 같이 HTML에 직접 CSS를 적용할때 사용하는 style요소를 태그에 함께 사용하여 글씨 뒤에 배경색..

이전 1 다음

티스토리툴바