'IT & WEB' 카테고리의 글 목록 (2 Page)

html 문서 연결하기

[HTML 쉽게 따라하기] 문서 연결하기 오늘은 표 속성에서 문서를 연결하는 방법에 대해 알아보겠습니다. 문서를 연결하기 위해서는 경로를 설정해 줘야 하는데요, 경로 설정에는 절대 경로와 상대 경로가 있어요. 그럼 이게 뭔가 한번 자세히 알아볼까요. 문서를 연결하기 위한 경로 설정 방법 1> 절대 경로 절대경로를 이용해서 문서를 연결하는 방법은 해당 파일의 문서 경로를 모두 써줘야 한다는 것을 의미합니다. 이때 각 디렉토리는 ' / '를 이용해서 구분해 주면 되요. 예를 들면 exampe.png 파일을 연결한다고 할때 이 파일이 디렉토리가 a폴더 안에 b폴더 그리고 다시 그 안의 c폴더에 존재한다면 경로는 '웹주소/a/b/c/exampe.png' 가 되는데요, 앞의 웹주소는 파일을 업로드한 웹 공간이 있..

IT & WEB/HTML 쉽게 따라하기 2018. 8. 16. 12:18

html 표 속성 정하기 - 표 테두리 표 선굵기 내부선 조절 및 표 제목 붙이기

[HTML 쉽게 따라하기] 표 속성 정하기 오늘은 표 속성을 정하는 방법에 대해 알아보겠습니다. 표 속성 태그로 표 둘레의 테두리, 표 전체의 선의 굵기, 표의 내부 선 조절 그리고 표에 제목을 붙일 수 있는데 이들에 대한 속성이 무엇인지 보겠습니다. 1> 표 둘레의 테두리 표 둘레의 테두리를 지정하기 위해서는 다음과 같이 border 속성을 이용하여 나타냅니다. 테두리를 지정하기 위한 사용법은 아래와 같습니다. 위 태그는 테이블 둘레의 테두리를 나타낼 때 사용되며, n값은 테두리의 굵기를 지정합니다. n값을 0으로 입력하면 테두리가 나타나지 않게 됩니다. 2> 표 전체의 선의 굵기 셀과 셀 사이에 여백을 주기 위해서 cellspacing 속성을 사용합니다. cellspacing 사용법은 다음과 같습니다..

IT & WEB/HTML 쉽게 따라하기 2018. 7. 24. 15:28

Fastboot 본문 하단 카테고리 다른글 보기 왼쪽에 구글 애드센스 광고 넣기

[구글 애드센스 쉽게 따라하기] Fastboot 본문 하단 카테고리 다른글 보기 왼쪽편에 구글 애드센스 광고 넣기 구글 애드센스는 다양한 위치에 광고를 넣을 수 있는데 그 중에서 오늘은 구글 애드센스 광고를 본문 하단에 위치하고 있는 '카테고리 다른글 보기' 의 왼쪽편에 넣어보는 것을 배워 보겠습니다. '카테고리 다른글 보기'는 바로 아래그림의 빨간 네모 부분입니다. 그럼 지금부터 이 위치에 구글 애드센스 광고를 넣어 보겠습니다. 일단 티스토리의 html 편집을 하기전 구글 애드센스 광고 코드를 먼저 사전 작업을 해놔야 합니다. ① 광고 코드 만들기 먼저 구글 애드센스로 들어갑니다. 그곳에서 기존의 광고단위 혹은 새로운 광고단위를 만든 후 광고 코드를 복사한 후 메모장에 붙여 넣어 놓습니다. ② 하단 카..

IT & WEB/구글 애드센스 쉽게 따라하기 2018. 7. 11. 19:05

스팀잇 (steemit) 초보입문 기초 내용 및 용어 정리

스팀잇(Steemit) 초보 입문 기초 내용 정리 스팀잇을 처음 시작하면 솔직히 뭘 어떻게 해야 하는지와 생소한 용어들로 멘붕에 빠지기 일쑤 입니다. '자주하는 질문' 등의 스팀잇 설명도 영어로 되어 있네요. 글을 쓰는것 외에는 도대체 뭘 어떻게 해야 스팀달러를 벌 수 있는지 명쾌하고 쉽게 설명된 것이 없어 초보자가 처음에 접근 하기엔 쉽지가 않습니다. 그래서 오늘은 스팀잇 초보 입문서 같은 기초적인 내용을 정리해 보겠습니다. 스팀잇 시작시 초보 유저가 알아야 할 것들 포스팅 공간 크기 포스팅을 하기 위해 글이나 그림을 올릴 수 있습니다. 글자는 보통 34자가 되면 다음 줄로 넘어갑니다. 모바일에선 25자 입니다. 그림 크기는 넓이가 800 픽셀 입니다. 좋은점은 800픽셀 이상의 이미지를 넣어도 알아서..

IT & WEB/스팀잇 (steemit) 2018. 7. 11. 07:30

Steemit 스팀잇 회원가입과 승인 받는 방법

스팀잇(Steemit) 회원가입과 승인 받는 방법 앞서 스팀잇에 대한 간략한 소개와 함께 스팀잇을 시작해 본다고 말씀드렸는데요, 오늘은 스팀잇을 한번 가입해 보겠습니다. 스팀잇은 다른 SNS와는 달리 승인 절차를 거쳐야 한다네요. 그럼 한번 시작해 볼까요? Steemit 회원가입 하기 스팀잇에 회원가입 하기 위해선 당연히 스팀잇 사이트로 들어가야 겠죠? ^^ 사이트에 들어가면 오른쪽 상단에 회원가입 메뉴를 클릭합니다. ▶ 스팀잇 사이트 ( https://steemit.com ) 그럼 이제부터 가입 단계들이 진행되는데 아래를 보면 두가지 탭이 보입니다. 하나는 무료 회원가입, 다른 하나는 유료 회원가입입니다. 무료가입은 보시는데로 가입승인이 되는데 1~2주 정도 걸린다고 하네요. 성질 급하신 분들은 유료가..

IT & WEB/스팀잇 (steemit) 2018. 7. 6. 13:00

html 테이블 만들기에서 표 편집 칸 합치기와 줄 합치기

[HTML 쉽게 따라하기] 테이블 만들기 표 편집 속성들 - 칸합치기(COLSPAN) 와 줄 합치기(ROWSPAN) 지난시간에 간단한 테이블을 만들어 보았는데요, 오늘은 표를 편집하는 속성들에 대해서 알아보겠습니다. 표 편집하기 1> 칸 합치기 표를 편집하는데 칸을 합할 경우가 있습니다. 이러한 경우에 COLSPAN라는 속성을 이용하는데 이때 사용법은 다음과 같습니다. COLSPAN=n COLSPAN 속성은 셀을 옆으로 합하고자 하는 개수를 지정해 주며 기본적으로 1이 지정되어 있습니다. 즉, n 값으로 합칠 셀의 개수를 정해줄 수 있습니다. 다음은 아래의 표와 같은 형식으로 셀을 합하는 예입니다. [예시 1]-----------------------------------------------------..

IT & WEB/HTML 쉽게 따라하기 2018. 7. 2. 13:37

가상화폐를 벌 수 있는 스팀잇 steemit 이 뭔가요?

가상화폐를 벌 수 있는 스팀잇 steemit 이 뭔가요? 요즘 들어 스팀잇(steemit)에 대한 뉴스 기사가 자주 보입니다. 아무래도 뉴스에 뜬다는건 스팀잇을 하는 사람들이 갑자기 많이 늘어서 그에 대한 관심으로 기사가 뜨는 것일 수도 있고, 아니면 스팀잇에서 가입자를 유치하기 위한 뉴스 마케팅일 수도 있겠죠. 그 이유가 무엇이든지 스팀잇(steemit)이 독특하면서도 구미가 당기는건 사실입니다. 그럼 스팀잇이 무엇인지 함 알아보겠습니다. 스팀잇(steemit) 이란? 쉽게 말해 스팀잇(steemit)은 블록체인 기반 소셜네트워크서비스 (SNS) 입니다. 그런데 스팀잇이 페이스북이나 트위터 등과 다른점은 자신의 쓴 글이 다른 사람들로 부터 공감을 얻으면 수익이 생긴다는 것입니다. 수익은 현금이 아닌 가..

IT & WEB/스팀잇 (steemit) 2018. 6. 29. 07:30

Fastboot 상단 블로그 제목 부분에 배경 이미지 넣고 수정하기

[티스토리 쉽게 따라하기] Fastboot 블로그 상단 배경 이미지 넣고 수정하기 티스토리 블로그 상단을 보시면 블로그 제목이 보입니다. 오늘은 이부분을 바꿔 보려고 합니다. 아무래도 상단이기 때문에 방문자들이 가장 먼저 보는 곳이기에 첫 인상중 하나가 되기에 이왕이면 이쁘면 좋겠지요. 그러나 블로그는 화려함 보다는 깔끔한 것이 더 좋다는게 제 개인적인 의견입니다. 블로그는 일단 포스팅 내용이 가장 중요하기 때문에 그 주위가 너무 화려해서 포스팅을 읽는데 있어서 자꾸 시선을 빼앗기게 된다면 안되겠지요. 그러나 깔끔한것도 좋지만 분위기를 바꿔보고 싶다면, 혹은 지금보다 더 깔끔한 상단을 만들고 싶다면 다음과 같이 만드시면 됩니다. 티스토리 Fastboot 상단 제목 이미지 수정하기 지금 현재 블로그 모습입..

IT & WEB/티스토리 쉽게 따라하기 2018. 6. 23. 01:30

HTML 테이블 표 만들기 태그

[HTML 쉽게 따라하기] HTML 테이블 표 만들기 태그 테이블이란 쉽게 말해 문서에서 표와 같은 기능입니다. 테이블을 사용하는 이유는 테이블 없이 문자로만 복잡하게 구분된 문서를 만들어 낸다면 홈페이지가 조금은 산만하게 보일 수 있기 때문에 테이블을 이용해서 간결하고 보기 좋게 문서를 표현하는 것입니다. 그럼 테이블을 만들어 볼까요. 테이블의 기본 구조 테이블의 기본 구조는 다음과 같습니다. [예시 1]---------------------------------------- 표 ........ ...... ------------------------------------------------- 예시1 을 보면 테이블 태그 안에 여러 태그가 사용된 것을 알 수 있습니다. 그 중 가장 기본적으로 알아야 ..

IT & WEB/HTML 쉽게 따라하기 2018. 6. 14. 15:39

이라이트 스마트 컬러전구 YEELIGHT YLDP06YL Smart Light Bulb 10W RGB E27 사용후기

[솔직 담백한 사용후기] 이라이트 스마트 컬러 전구 YEELIGHT YLDP06YL Smart Light Bulb 10W RGB E27 리뷰 스마트폰을 필두로 스마트한 전자 제품들이 점차 많아지고 있다. 오늘 리뷰를 쓸 제품은 이라이트 스마트 컬러 전구이다. 기존에 스마트 전구라면 보통 스마트폰을 통해서 자유롭게 켜고 끄고, 예약하는 정도 였다면 이라이트 스마트 컬러 전구는 다양한 컬러의 불빛을 조절할 수 있다는 큰 특징이 있다. 지금까지 우리는 특정 색깔의 조명을 켜고 싶으면 해당 컬러가 입혀진 전등을 구매해서 사용해 왔다. 한가지 색상이라 단조롭기도 하였고 또한 색상을 바꾸려면 다른 전등을 사서 바꿔 끼워야 했다. 그러나 이제는 YEELIGHT Smart 전구로 자유자재로 상황에 맞게 컬러를 바꿀 수..

IT & WEB/제품 리뷰 2018. 5. 11. 07:30

레드의 달콤한 비밀

IT & WEB → (62)건