블로그 쪼아~♬ 블로그 쪼아~ (◕ᴗ◕✿)

PC / HTML.CSS / GAME / BLOG

아끼고 겸손

전체 글 2422

HTML 색상

html 색상은 색이름, rgb, hex, hsl, rgba, hsla 값을 사용한다. 파란배경 흰 글씨 토마토색 화색 녹색 보라색테구리 밝은회색테두리 파란배경 흰 글씨 토마토색 화색 녹색 보라색테구리 밝은회색테두리 색상은 이처럼 배경, 글자, 테두리 등에 쓰인다. 색이름 blue, red, black 등으로 색이름을 직접 지정한다. RGB(빨강, 녹색, 파랑) RGBA(빨강, 녹색, 파랑, 알파) 값은 0~255 예] rgb(255, 0, 0) : 빨간색 rgb(0, 0, 0) : 검은색 rgb(255, 255, 255) : 흰색 rgba(44, 44, 44, 0.5) : a를 주어 0.0~1.0 사이의 소수점 값을 주면 된다. 1에 가까울수록 알파값이 작아진다. 무채색은 3개의 값이 동일하다. 16진..

• CSS 2019.10.12

HTML 주석

주석 태그는 html 문서의 도우미 역할이다. 태그의 시작점을 알리거나 끝점을 알리는데 사용하고 중요한 부분을 표시할 때도 사용한다. 주석 태그는 브라우저에 표시되지 않으며 태그 중 브라우저 표시하지 않기 위해 주석 태그로 감싸기도 한다. 주석 태그는 일반 태그와는 달리 처럼 닫는 태그가 없다. 닫는다는 표시는 자기 마음대로 하면 된다. ~ 개인적으로 나는 //를 넣어 닫는다라고 쓰고 있다. 주석 태그는 은근 많이 쓰인다. html 문서를 잘 정리하려면 귀찮아도 주석을 자주 쓰는 게 좋다. 나중에 어디에 뭐가 있는지 찾기도 쉽다. 닐기의 웹코팅 공부방

• CSS 2019.10.12

HTML 텍스트 인용

닐기 블로그는 잡식성입니다. 이것저것 관심 있는건 다 합니다. 닐기 블로그는 잡식성입니다. 이것 저것 관심 있는건 다 합니다. 그래서 맞춤법과 띄어 쓰기를 매우 못합니다. 닐기 블로그는 육식성입니다. NG 육식성이니 아무거나 막 먹지않습니다. NG위에 마우스를 가져가보세요. 우리집은 대한민국. 전화번호는 개인정보. 닐기 블로그는 채식을 합니다. 가끔 가볍게 글을 쓰지 않기도 합니다. 닐기 블로그는 반항적이지 않습니다. 그러나 본심은 반항적입니다. 닐기 블로그는 잡식성입니다. 이것저것 관심 있는건 다 합니다. 닐기 블로그는 잡식성입니다. 이것 저것 관심 있는건 다 합니다. 그래서 맞춤법과 띄어 쓰기를 매우 못합니다. 닐기 블로그는 육식성입니다. NG 육식성이니 아무거나 막 먹지않습니다. NG 위에 마우스를..

• CSS 2019.10.11

HTML 텍스트 형식

html에는 스타일 속성을 부여하여 텍스트를 변경할 수 있다. 더하여 텍스트 강조를 위해 이미 정해진 속성 요소가 있다. 말이 거창하지 이미 알고 있는 내용이 몇 가지 있을 것이다. 간단히 예를 통해서 알아보자. b 굵게 storng 중요 i 이탤릭체 em 강조 mark 표기 small 작제 del 삭제 된 ins 삽입 된 첨자sub 위첨자sup b 굵게 storng 중요 i 이탤릭체 em 강조 mark 표시 small 작게 del 삭제 된 ins 삽입 된 첨자sub 위첨자sup

• CSS 2019.10.11

HTML 스타일

html은 style 속성을 사용 할 수 있다. 속성은 css 속성이다. 간략히 살펴보기. css는 html 공부가 어느 정도 마무리 될 시점에 공부하기로 하자. 배경색을 넣는 css 속성 +_+ 파란색 폰트 verdana 폰트크기 300% 가운데 오른쪽 배경색을 넣는 css 속성 +_+ 파란색 폰트 verdana 폰트크기 300% 가운데 오른쪽 - background-color : 배경 색. - color : 글자 색. - font-family : 폰트 종류 - font-size : 폰트 크기 - text-aline : 요소의 가로 정렬

• CSS 2019.10.11

프리미어 프로 : 비디오 전환 효과 - 몰입형 비디오 - VR 조리개 지우기

잠시 잊고 있던 영상 편집 포스팅을 다시 합니다. 오랜만이라 저 또한 많이 까먹은 것 같아요. 기억을 더듬더듬 거리며 익혀봅니다. 오늘은 지난번에 이어 계속해서 비디오 전환 효과입니다. 조리개 지우기라는 이름을 봐서는 카메라 조리개가 켜지는 듯한 효과 같습니다. 아마도? ▲ 효과를 드래그 드롭해서 클립과 클립사이에 올려놓습니다. ▲ 이렇게 가운데에 놓았습니다. 클립을 공부를 위해서 직접 만들었습니다. ▲ 효과 커트롤 패널 모습입니다. 효과 컨트롤중 쓸만한 건 관심 영역입니다. 조리게 모양을 비틀거나 포인트를 옮겨줍니다. ▲ 아무 컨트롤 없이 기본 적용한 결과물입니다. ▲ 이번엔 관심 영역 컨트롤에 키프레임을 줘서 해봤습니다. 키프레임은 관심 영역 앞 아이콘을 클릭하면 활성화 됩니다. 키프레임을 추가할 때..

HTML 단락 <p>

는 단락을 정의한다. 내용을 쓰고 닫는 태그를 까먹지 말자. 오늘은 44년 4월 4일 지금 시간은 오후 4시 44분 싸늘하다. 태그 편집에서 빈 공간이나 줄 바꿈, 빈 공간은 브라우저에 표현하지 못 한다. 빈 공간이나 줄바꿈을 그대로 표현하고 싶다면 pre 태그 를 쓰 면 된 다.... 오늘은 44년 4월 4일 지금 시간은 오후 4시 44분 싸늘하다. 태그 편집에서 빈 공간이나 줄 바꿈, 빈 공간은 브라우저에 표현하지 못 한다. 빈 공간이나 줄바꿈을 그대로 표현하고 싶다면 pre 태그 를 쓰 면 된 다.... 한 단락 단락마다 태그를 써줘야 한다. 태그는 태그 편집 화면의 빈 공간이나 줄 바꿈을 표현하지 못한다. 줄 바꿈을 쓰려면 태그를 쓰면 된다. 태그 편집 화면에서의 빈 공간과 줄 바꿈을 그대로 브라..

• CSS 2019.10.11

HTML 제목

1 2 3 4 5 6 제목 1 2 3 4 5 6 제목 제목은 ~으로 표현한다. 보다 더 큰 제목을 원하다면. 제목 이렇게 직접 크기를 지정해주면 된다. 그러나 style 태그는 css에서 배우자. HTML 수평 는 컨텐츠를 구분할 때 쓴다. 브라우저에서는 수평선으로 표시된다. HTML 에는 메타 데이터, 문서 제목, 문자 세트, 스타일, 스크립트등을 정의한다. HTML 소스 보는 방법 브라우저에서 소스를 보는 방법은 우 클릭해 '소소 보기', '검사'를 선택하거나 크롬이나 IE에서는 F12 단축키로 볼 수 있다.

• CSS 2019.10.11

HTML 속성

HTML 태그는 요소에 속성을 추가할 수 있다. 속성 값은 시작 태그에 들어간다. 속성은 name="value"로 쓴다. 예 1] 링크 태그의 href 속성 - 연결할 주소 닐기 티스토리 예 2-1] 태그의 src 속성 - 이미지 파일 경로(주소) 예 2-2] 태그의 width와 height 속성 - 이미지의 가로, 세로 크기 지정. 예 2-3] 태그의 alt 속성 - 이미지를 표시할 수 없는 경우 대체할 글자 지정. 속성은 style로 정의할 수 있다. style은 css에서 공부하기로 하고 넘어가자. 난 css를 모른다. ㅡㅡ; - lang 속성 html에는 언어를 선언할 수 있다. NILGI NILGI ▲ title 속성 예] 태그에 title 값이 들어가면 그 내용에 마우스를 가져갔을 때 풍선 도..

• CSS 2019.10.11

HTML 요소

태그는 기본적으로 시작 태그와 종료 태그 사이에 내용이 들어가는 구조다. 내용 보통은 이러하나 :줄 바꿈 태그는 종료 태그가 없다. ※ 종료 태그를 꼭 확인하자.종료 태그를 안 쓰거나 위치가 달라지면 브라우저에 완전히 다른 이야기가 쓰여진다. 종료 태그 잊지 말자. HTML 태그는 대소 문자를 구분하지 않지만 XHTML과 같은 깊은 지식이 필요한 언어에는 대소 문자 구분이 있다.기본적으로 HTML에는 소문자 태그를 쓴다.

• CSS 2019.10.11

HTML 기본

본문에 컨텐츠를 넣어보자 2 3 4 5 6 단락 누르면 전교1등 1 2 3 1 2 3 본문에 컨텐츠를 넣어보자 2 3 4 5 6 단락 누르면 전교1등 1 2 3 1 2 3 - HTML 문서 모든 문서는 선언으로 시작한다. HTML은 로 시작해 로 끝난다. 문서에서 실제 브라우저에 보이는 부분은 와 사이에 작성한다. - HTML 제목 제목은 ~으로 표현한다. 이 가장 큰 글자고 이 가장 작은 글자 크기다. - HTML 단락 태그로 표현한다. - HTML 링크 태그를 쓴다. - HTML 버튼 으로 정의한다. - HTML 목록 : 정렬되지 않는 목록. 글 머리 기호 : 순서가 있는 목록. 번호 : 목록의 항목들.

• CSS 2019.10.11

HTML 이란?

날이 갈수록 갈증에 시달리고 있다. 배움의 갈증. -_-; 오글오글 몇 날 며칠이고 고민에 빠졌다. 고민이 심해져 숨도 쉬기 힘들어졌다. MSG. 괜히 관심을 가졌나 하기도 하다. 결국... 하기로 한다. 오늘부터 아주 천천히 배워보려 한다. 웹 코딩?이라고 하던데 html, css, js라는 걸 공부해보겠다. 하다가 포기할 가능성이 크지만 그래도 해보련다. 기초부터 천천히. 프리미어 프로를 처음 배웠던 그 심정과 각오로 시작한다. 비장하게... 두둥! 가장 먼저 HTML부터 시작. 이 글을 혹시 읽으시는 분이 계시다면 미리 경고합니다. 배움을 복습하는 포스팅이니 반말, 빡침, 심한 경우 욕설이 있을지도 모르니 참고해 주십시오. 벌써 '공부'라는 걸 해야 한다는 지옥문 앞에 서니 기분이 안 좋다. -_-..

• CSS 2019.10.11

자장면 / 짜장면

'자장면'이 맞나요? '짜장면'이 맞나요? 둘 다 맞다. 원래 자장면이 표준어였다. 된소리는 언어순환에 악영향을 준다 하여 2011년 8월 31일 이전까지는 '자장면'이 맞는 표현이었다. 된소리가 무슨 언어순환에 안 좋다는 건지 이해하기 어렵다. 욕이 거의다 된소리라서 그런 건가? 근데 '짜장면'이라는 표현과 발음이 무슨 나쁜 영향을 준다는 걸까? '자장면'이 맛있을까? '짜장면'이 맛있을까? '짜장면'이 훨씬 맛있을 것 같은데. *-*)/ 자장면 짜장면 둘 다 맞는 표현이니 더 맛있을 것 같은 걸로 쓰면 된다. 참고. 곱빼기인가요? 곱배기인가요? 곱빼기!

• 닐쌍 2019.10.10

~게 / ~께

'~게', '~께'는 발음은 모두 '께'로 하지만 쓰임은 틀리다.이것은 예사소리라 하여 구강 기압과 발음기관의 긴장이 낮아져 약하게 파열되는 음이다.예사소리에는 'ㄱ, ㄷ, ㅂ, ㅅ, ㅈ'이 있다. 내가 할게. 내가 할께.당장 갈게. 당장 갈께.어머니게 드릴 선물이니 아버지가 드시면 안 됩니다. 제발...-_-+아버지께 드릴 선물이니 어머니가 드시면 안 됩니다. 제발...-_-+ 위 예시의 맞는 말은내가 할게.당장 갈게.어머니께. 입니다. ~게~에게, ~거기 : 이놈!!! 게 섰거라!!!약속이나 의지를 나타내는 종결어미 : 지금 갈게. 내가 갈게. 당장 갈게. ~께높임말로 쓰이며 그 외에는 쓰임이 존재하지 않는다.

• 닐쌍 2019.10.10

블로그 새 글 알림 NEW 아이콘 바꾸기

블로그 새 글 알림 new 아이콘 바꾸는 방법을 알아보겠습니다.이 아이콘은 카카오에서 자동으로 적용하는 거라서 이미지를 마음대로 바꿀 수 없습니다.html 태그와 이미지 업로드로 변경 할 수 있습니다. 생각보다 굉장히 쉬우니 따라 해 보세요. ▲ 원래 색상은 회색입니다. 예쁘지 않아. 싫어. ▲ 이렇게 빨간색으로 바꿀 겁니다. ▲ 먼저 이미지를 만들어줍니다. 각자 마음에 드는 이미지로 만들어 주세요.이미지 위에 공간을 두는 이유는 그냥 적용하니 아이콘이 위로 올라가더라고요.margin 태그로 가능할지는 모르겠지만 그냥 이미지 자체에 공간을 두는 게 쉬울 것 같아요. ▲ 만든 이미지를 업로드합니다. 스킨 편집에서 올리면 됩니다. 이미지 이름이 마음대로 하시면 됩니다. ▲ 그리고 이 태그를 html 태그 ~..

어떡해 / 어떻게

어제가 한글날이었다.평소에 맞춤법과 띄어쓰기를 어려워한다.그리하여 헷갈리는 단어들을 정리해본다.한글은 소중하니 똑바로 쓰자. 오늘은 그 첫 시간으로 '어떡해 / 어떻게'를 알아보자.이거 왜 이리 헷갈리는지 모르겠다. 나만 그런 거지? 아마도... 어떡해'어떻게 해'라는 구가 줄어든 말이다. 어떻게어떠하다의 줄임말에 '-게'가 붙은 것이다.부사적으로 쓰인다. 둘은 뜻이 다르고 '어떻게'는 단어이고 어떡해는 구라 쓰임이 다르다.'어떻게'는 부사형이고 '어떡해'는 자체가 완결된 구라 서술어로 쓰여 다른 용언을 수식하지 못한다. 이 일을 어떻게 처리하지?지금 나 어떡해. 조금 쉽게 설명하자면 '어떻게'는 방법과 수단은 찾는 것이고 '어떡해'는 그러하지 않다. 어머~ 나 어떻게. 가 맞을까?어머~ 나 어떡해. 가..

• 닐쌍 2019.10.10

한글날 - 네이버 무료 글꼴 109개

▲ 오늘은 한글날입니다. 늦잠 자고 일어나니 한글날이 지나가려 하네요. 이런 날에는 예쁜 한글 폰트가 꿀잼이죠. 네이버에서 배포하는 무료폰트 109종을 만나보세요. 쓸만한 폰트가 정말 많아요. +_+)d 와우~ ▲ 저도 몇개 받았습니다. 아쉬운 점은 비슷비슷한 폰트가 많다는 거예요. 디자인적인 눈이 탁월한 사람은 전부 다르게 보이겠지만 막눈인 전 비슷비슷해 보이네요. ㅈㅅ... 체험과 다운로드는 여기로~ https://clova.ai/handwriting 새로운 나눔손글씨 글꼴 - 네이버 클로바 한글한글 아름답게 캠페인과 함께합니다. clova.ai

• LUCY 2019.10.09

애드센스 홈페이지 작은 개편

애드센스 홈페이지에 작은 변화가 생겼습니다. 애드센스는 계속해서 자동 광고를 더 권유하는 쪽으로 갈 것 같아요. 화면에 가장 먼저 보여준다는 건 의미가 크죠. ▲ 원래 오른쪽 사이드바 메뉴에 "광고단위"가 있었습니다. 그러나 지금은 없어지고 오른쪽 화면의 "광고 단위 기준" 탭으로 이동하였습니다. "사이트 기준"이라는 자동 광고를 먼저 권유합니다. 자동 광고가 얼마나 좋아졌는지는 모르겠으나 애드센스 승인 후 처음 써봤을 때는 광고가 너무 많이 들어가고 정렬도 똑바로 되지 않아 극혐이였습니다. 실험 삼아 써보고 싶긴 한데 html/css 편집한 부분이 있어서 손이 안가네요. 그리고 자동 광고는 애드센스 고객센터에서도 체험판이라고 말하고 있습니다. ▲ 광고 단위 기준 탭을 클릭해야 합니다. ▲ 그리도 또 하..

메이플도 한글날~^^

자정되니까 선물 줍니다. 한글날 기념 데미지 스킨(영구).세종대왕님 웃고 있는 거 맞나? ㅋㅋ네... 데미지 구립니다. 어쩌라고요. 몇 년 전엔 한글날이 공휴일이 아니었죠. 그러면서 한글 날인지도 모르고 지나가고 의미도 없어지는듯했습니다.다시 공휴일로 지정되면서 오늘이 한글날이구나 하는 거죠.오늘은 한글 날인 것만 알아도 얼마나 뜻깊습니까. 그러고 보면 공휴일로 지정해야 될 기념일이 많은 것 같은데 말이죠. 놀고 싶어서 그런 게 아니라... ㅡ_ㅡ; 세종대왕 만세!!!세종대왕 만세!!!세종대왕 만세!!!

• 오락실 2019.10.09