IT 세상 해석하기

[쿠팡 파트너스] 티스토리 & 네이버블로그(스마트 에디트 2.0) 카테고리 배너 등록방법 By i!kohong(아이코홍) 블로그들을 보시면 이런 배너를 보셨을꺼라 생각을 합니다. 이 배너는 높이가 높지않아, 글을 보는데, 그렇게 많이 차지를 하지 않고, 깔끔하다는 느낌을 줍니다. 이 배너는 티스토리와 네이버블로그, 블로그 에디터중 '스마트 에디트 2.0'을 통해서 등록이 가능합니다. 등록하는 방법에 대해 한번 설명을 해드리도록 하겠습니다. 그리고 추천인도 부탁드릴께요^^ 추천인 ID : AF9290133 일단 쿠팡 파트너스에서 소스복사 쿠팡 파트너스 홈페이지에 들어가면, 상단에 '링크 생성'이 있습니다. 여기서 '카테고리 배너'를 선택을 해주세요. 그 다음, '카테고리 선택'에서 원하는 카테고리를 선택을..

[CSS] 텍스트뒤 그림자효과 넣는 방법 By i!kohong(아이코홍) CSS 코드 text-shadow : h-shadow v-shadow blur color 예시 See the Pen PowmZMz by KorHWS (@korhws) on CodePen. h-shadow는 text기준 가로축, v-shadow는 text기준 세로축으로 +값을 가지면, h-shadow가로 오른쪽, v-shadow세로 아래쪽으로 그림자가 생성이 되며, -값은, h-shadow 가로 왼쪽, v-shadow세로 윗쪽으로 그림자가 생성되는것을 확인할 수 있습니다. blur는 그림자의 선명도를 설정할 수 있으며, 값이 작을수록, 그림자의 글자가 선명해지며, 값이 커질수록, 퍼지는 효과를 확인할 수 있습니다.

[HTML5] 미디어 관련 태그 ,, By i!kohong(아이코홍) , 태그 태그 설명 웹 페이지에 사운드, 영상 파일을 삽입하는 태그, 영상파일을 실행시 전체화면이 불가능하다. 속성 src 사운드 파일(파일의 경로나 URL)을 지정한다. autostart 사운드 파일을 자동으로 재생할지 여부(true, false)를 지정한다. hidden 미디어 플레이어를 화면에서 감출지 여부(true, false)를 지정한다. width 미디어 플레이어가 화면에 보일 경우 너비를 지정한다. height 미디어 플레이어가 화면에 보일 경우 높이를 지정한다. loop 사운드 파일을 재생하는 반복 횟수를 지정한다. true이면 무한반복, false면 한번만 재생된다. 태그 태그 설명 mp3와 같은 사운드 파일을 재생하기..

[HTML5] 작성폼 만들기 위한 태그들 Form, Input, Select, Textarea 태그 By i!kohong(아이코홍) 태그 태그 설명 자신의 태그 내에 있는 데이터를 지정한 웹 경로로 전송해 준다. 속성 method 데이터를 전송하는 방식(get이나 post)을 지정한다. name 폼의 이름 지정. 자바스크립트에서 폼 내의 데이터를 구분할 때 사용 action 폼 내의 데이터를 가지고 이동할 위치(URL 이나 JSP 같은 프로그램)를 지정한다. enctype 대용량 파일의 데이터 속성(multipart 나 form-data)을 지정한다. 태그 태그 설명 형식(Type)을 지정함에 따라 여러 형태의 필드를 폼에 구성이 가능합니다. 지정형식에 따라서 적용할 수 있는 속성도 달라집니다. 속성 T..

인라인 스타일 시트 [CSS] CSS의미와 작성하는 방법 By i!kohong(아이코홍) CSS = Cascading Style Sheet 자주 사용하는 스타일을 미리 정의해 두고 특정 이름으로 스타일을 호출하여 사용하는 방식의 코드 장점 코드의 관리와 수정이 쉬워진다. 웹 페이지를 로딩하는 속도가 빨라진다. 웹 페이지를 작성하는 시간이 줄어든다. 스타일 시트의 방식 인라인 스타일 시트 내부 스타일 시트 외부 스타일 시트 인라인 스타일 시트 태그의 속성 값으로 스타일 지정 인라인 스타일 시트 → 인라인 스타일 시트의 경우 외부 스타일 시트보다 우선적으로 적용됨 내부 스타일 시트 → 외부 스타일 시트와 함께 태그 스타일, 클래스 스타일, 네임드(Named)스타일을 만들 수 있다. 태그 스타일 특정 태그에 ..

설명이 필요없이 다음 사진을 보시면 아! 하실껍니다. 네이버 인터넷 개발자 모드에서 네이버 홈페이지에 CSS를 없애보았습니다. 어디서 봤는데 하시는분이라면, 가끔 오류가 났을때 보여지는 화면입니다. CSS가 작동을 안했다는 뜻이죠. 이 사진 하나만으로 CSS가 우리에게 보여주는 화려한 홈페이지를 작성해주는걸 느낄수가 있습니다. 뼈대인 HTML에 사용자들이 눈으로 잘 볼 수 있게 해주는 CSS!! 다음 글부턴 CSS에 대한 작성법과 기술을 적어보도록 하겠습니다.

[HTML] 다른 웹 페이지 포함시키는 방법. 태그 By i!kohong(아이코홍) 태그 설명 다른 웹 페이지를 자신의 웹 페이지에 포함시키는 태그 Attribute(속성) name 이름을 지정. target 속성을 사용할 때 필요 src 파일(파일 경로와 파일 이름)을 지정 scrolling 프레임에 스크롤 막대가 표시되지 않게 지정(yes, no, auto)한다. 기본값은 auto이다. align 정렬 방식(left, right, center)을 지정. width 너비(픽셀)를 지정. height 높이(픽셀)를 지정. frameborder 프레임을 구분하는 테두라를 표시할지 여부(0이나 숫자)를 지정한다. bordercolor 테두리 색(색상이나 색상 코드)을 지정. 예시 See the Pen Tag..

[HTML] 홈페이지에 리스트를 만들자! 리스트 관련 태그 ,,,,, 태그 By i!kohong(아이코홍) 태그 태그 설명 Ordered List의 약자 순번이 있는 목록으로 정렬할 떄 사용합니다. 목록의 항목을 표시하는 태그와 함께 사용합니다. Attribute(속성) type 각각의 목록 앞에 붙는 표식(A,a,I,i,1)을 지정한다. 1 : 아라비아 숫자 a : 알파벳 소문자 A : 알파벳 대문자 i : 로마숫자 소문자 I : 로마숫자 대문자 start 시작 번호(숫자)를 지정한다. - 태그 태그 설명 Unordered List의 약자 순번이 없는 목록으로 정렬할 때 사용합니다. 목록의 항목을 표시하는 태그와 함께 사용합니다. Attribute(속성) type 각각의 목록 앞에 붙는 표식(disc,..

[HTML] 웹 문서의 정보를 포함시켜주는 태그 By i!kohong(아이코홍) 태그 설명 HTML의 head영역에 삽입이 됩니다. 정보, 인코딩, 트랜지션 효과, 다른페이지 자동 이동과 같은 형태로 사용됩니다. 브라우저와 검색 엔진을 사용할 수 있도록 웹 문서의 정보를 포함하고 있습니다. Attribute(속성) name Author : Content에 제작자 정보 입력을 합니다. Keyword : Content에 검색 태그를 입력 합니다. Description : Content에 글 내용을 입력 합니다. Subject : Content에 홈페이지 주제를 입력 합니다. Title : Content에 홈페이지 이름을 입력 합니다. Publisher : Content에 만든이의 이름을 입력 합니다. Oth..

[HTML] 홈페이지에 이미지를 올리자! 태그 By i!kohong(아이코홍) 태그 설명 그림을 삽입하는 기본 태그입니다. 태그에서 사용할수 있는 파일명으로 GIF,JPG/JPEG,PNG 3가지가 있습니다. GIF (Graphic Interchange Format) 움직이는 이미지 파일 JPG/JPEG (Joint Photographic Expert Group) 뛰어난 압축률이 특징 PNG (Portable Network Graphics) GIF와 JPG/JPEG의 장점을 특징으로 가진 차세대 그래픽 파일 포맷 형태 Attribute(속성) src 그림 파일의 경로를 지정합니다. height 그림의 세로 높이를 지정합니다. 단위는 픽셀과 퍼센트(%)입니다. width 그림의 가로 높이를 지정합니다. 단위..