Skip to main content

Search This Blog

사용법어찌?

구글 드라이브 (Google Drive) 사용법 : 글 목록

Get link
Facebook
Twitter
Pinterest
Email
Other Apps

Get link
Facebook
Twitter
Pinterest
Email
Other Apps

민족자주
평화통일

● 민족자주 民族自主의 원칙 - 우리 민족 운명은 우리 스스로 결정
● 비정상적인 현재의 정전상태를 종식시키고 확고한 평화체제 수립
● 민족혈맥 잇고 공동번영 자주통일
과감 철저 리행 쟁취 果敢徹底履行爭取

... 통일의 그 날이, 우리 북과 남의 거리 만큼이나 아주 가까운 시일 내에, 우리 민족의 념원대로, 하루 빨리 이루어지기를 기대하면서 ... 해 솟는 백두산은 내 조국입니다. 한나산도 독도도 내 조국입니다 ... 노래말보기

Popular posts from this blog

HTML FONT tag: 폰트(글자)의 스타일, 크기, 굵기, 색상, 글꼴, 줄간격, 캡션 등을 지정하는 방법

폰트에 속성을 주는 방법은 <font >태그와 다른 태그 안의 스타일(style) 속성 두 가지를 쓸 수 있겠다.

이전에는 폰트를 적용할 때 <font > ~~ </font>와 같이 하였는데, HTML5에서는 <font>태그를 지원하지 않는다. 물론, HTML5가 일반화되고 브라우저 버전이 올라가도 이전에 만들어진 HTML 문서의 <font>태그는 이상없이 작동을 할 것이므로 걱정할 일은 아니다.
단지, 앞으로 만드는 HTML문서는 가급적이면 스타일(style) 속성으로 주는 것이 낫지 않을까 싶다.

<font> ~ </font>태그로 속성주기
[ 예 ]
<font size="2em" color="green">
이 글자는 font 태그로 속성을 주었다
</font>
[실제 적용한 모습]
이 글자는 font 태그로 속성을 주었다
위에서 <font>태그를 설정한 내용과 실제 적용된 모습이 다르다.
이렇게 된 이유는, 구글블로그는 페이지 첫머리에 <!DOCTYPE HTML>로 선언하여 HTML5가 적용되기 때문이고, 위의 예에서 준 <font> 태그를 강제로 스타일 속성으로 바꾸어 적용하기 때문이다.
<span style="color: green;">
이 글자는 태그로 속성을 주었다
</span>

스타일(style)로 속성주기

스타일(style)은 <div> <p> <span> 등과 같이 여러 태그에서 쓸 수 있다. (각 태그에 대한 자세한 설명은 링크페이지를 참조)
<div style=" ~~ "> </div>
<p style=" ~~ "> </p>
<span style=" ~~ "> </span>
[예]
<…

HTML DIV tag: 스크롤바 넣기와 제어하기 - overflow: auto, scroll, hidden, white-space:nowrap

DIV 영역에 스크롤바를 표시하고 제어하려면, 스타일(style) 속성에서 overflow 를 지정하면 된다. DIV 영역의 오른쪽에 표시되는 세로 스크롤바가 기본이다.

스크롤 바를 설정하는 것은 어려운 일이 아니지만, 생각해 볼 것이 있다.
스크롤바가 있으면, 방문자 입장에서는 아무래도 번거롭다. 스크롤바는 내용이 한 번에 다 보이지 않는다는 것을 의미하기 때문이다.

누구나 경험한 일이겠지만, 어떤 사이트는 의도적으로 스크롤바를 설정하여 방문자로 하여금 어떤 행동을 하게 만들거나 유도하거나, 또는 알려야 할 내용을 사실상 보지 못하도록 만들거나 ..... 스크롤바가 나쁜 의도로 쓰이기도 한다.

그러한 사이트는 방문자로 하여금 외면당하기 마련이다. 눈앞의 어떤 이익을 위하여 방문자를 속이고 유도하는 데에 스크롤 바를 사용하여서는 아니될 것이다.

[Div 영역에 스크롤바 지정]
<div style="overflow:scroll; width:350px; height:200px;">
</div> overflow에는 자동 auto, 항상표시 scroll, 항상숨김 hidden 으로 지정할 수 있다.

1. overflow: scroll; 항상 스크롤바 표시
내용이 DIV 영역보다 많든 적든 상관없이 항상 스크롤바를 표시한다.

[예1: 내용이 DIV 영역보다 적은 예]
<div style="overflow:scroll; width:500px; height:150px;">
</div> [실제 적용한 모습]
여기는 DIV 스타일에 overflow: scroll; 속성을 주었다. 내용의 양에 관계없이 항상 스크롤바가 표시된다.
[예2: 내용이 DIV 영역보다 많은 예]
<div style="overflow:scroll; width:500px; height:150px;">
</div> [실제 적용한 모습]
여기는 DIV 스타일에 overflow: scr…

HTML DIV tag: 영역 겹치기와 보이기 순서 지정하는 방법 - Position, z-index

DIV영역을 여러개 놓고 서로 겹치게 하거나, 겹친 영역에 순서를 줄 수 있다.
DIV영역을 겹치게 놓고 순서를 주지 않으면,<div>태그가 위치한 순서대로 겹쳐진다. 즉, 윗쪽에 있는 DIV영역부터 차례로 표시되므로, 아래쪽에 있는 DIV영역이 윗쪽에 있는 DIV영역 위에 겹치게 된다.

1. 영역의 보이기 순서(z-index)를 지정하지 않은 태그 모양
<div style="position: relative;">
첫번째 DIV 영역
</div>
<div style="position: relative; left:10px; top: -70px;">
두번째 DIV 영역
</div>
[적용한 모습]
첫번째 DIV 영역 두번째 DIV 영역 2. 영역의 보이기 순서(z-index)를 지정한 태그 모양
<div style="position: relative; z-index: 2;">
첫번째 DIV 영역
</div>
<div style="position: relative; left:10px; top: -70px; z-index: 1;">
두번째 DIV 영역
</div>
※ 윗쪽에 있는 DIV영역의 순서를 "2"번으로 주고 아래쪽에 있는 DIV영역의 순서를 "1"번으로 주었다. 아래 그림에서 보듯이, "1"번으로 지정한 아래쪽 DIV영역이 먼저 표시되고, 그 다음에 "2"번으로 지정된 윗쪽 DIV영역이 그 위에 겹쳐서 표시되었다.

[적용한 모습]
첫번째 DIV 영역 두번째 DIV 영역
3. 글자 겹치기(z-index 지정하지 않음)
<div style="color: gold; font-size: 70px; font-weight: 900; height: 100px; position: relative;">
가나…

HTML DIV tag: 두개의 영역(그림, 글자, 광고 등)을 나란히 놓기 - float:left/right

블로그나 웹페이지를 보면, 그림이나 광고 등을 좌우로 나란하게 배치해 놓은 것을 볼 수 있다. 표(table)를 이용하여도 되고, 아래와 같이 DIV태그를 사용하여도 된다.

방법은 DIV 영역을 2개 만든 다음, 두 영역을 나란히 붙히는 것이다.

1. 영역 2개 만들기

[태그 모양]
<div style="width:150px; height:150px; border:1px solid red;">
첫번째 영역:
여기에 그림이나 글자 또는 광고 등을 넣음
</div>
<div style="width:150px; height:150px; border:1px solid green;">
두번째 영역:
여기에 그림이나 글자 또는 광고 등을 넣음
</div>
[적용후 모습]
첫번째 영역: 여기에 그림이나 글자 또는 광고 등을 넣음 두번째 영역: 여기에 그림이나 글자 또는 광고 등을 넣음

2. 두번째 영역을 첫번째 영역 옆에 올려 나란히 붙이기

위의 태그에 "float:left 또는 right;"를 추가한다.

[태그 모양]
<div style="width:200px; height:150px; border:1px solid red; float:left;">
첫번째 영역:
왼쪽에 위치시킴 => float:left
여기에 그림이나 글자 또는 광고 등을 넣음
</div>
<div style="width:200px; height:150px; border:1px solid green; float:left;">
두번째 영역:
첫번째 영역 옆에 나란히 붙임 => float:left
여기에 그림이나 글자 또는 광고 등을 넣음
</div>
[적용후의 모습]
첫번째 영역: 왼쪽에 위치시킴 => float:left 여기에 그림이나 글자 또는 광고 등을 넣음 두번째 영역: 첫번째…

사람일보

논리적 실증주의
자주시보

[논평] 박근혜 시대로 되돌리려는 보수적폐 세력들
서울의소리

이만희 총회장이 절대 권력으로 움직이는 '신천지'의 정체는?
매매방

중국 환율 : 인민폐 위안 환율 시세 전망 - 중기 저항선 7.2 지지선 6.8. 1 달러/위안, FX 1 USD to CNY
주권방송 615TV

ThesisKeeper.com-Thesis Statement Illustrations To Stimulate Your Next Argumentative Essay
국민주권연대

승리52호 : 총선승리의 방정식을 찾아라
박석재 천문역사

가야 역사를 바로잡아야 합니다
주권연구소

아베 일당이 촉발시킨 ‘코로나 무더기 감염 재난’
시장통

2020년 2021년 국제 금 시세 전망 : 신고가 경신 예상, 1차 저항선(목표가) 2190 달러 XAU/USD - 시장통료
주식방

미국주식 : 나스닥 100 주가 지수 선물 가격 전망 - 막바지 파동, 해외선물 CME: NQ
한국대학생진보연합

미대사관저 월담투쟁 정신을 이어받은 한라산 정신
꽃다지

2020 첫 공연-고 문중원 기수 추모문화제
자주보고自主寶庫

독도는 우리 땅 입니다 - 노무현 대통령 연설 전문, 동영상
자료방

중국 은행 구조 체계 목록 : 정책은행 상업은행, 은행명 번체 간체 영문 표기 목록
백두칭송위원회

김정은 국무위원장, 백마타고 백두산에서 첫눈 맞아
건강방

아스파탐 (Aspartame) 유해성 부작용 : 실명(失明), 암, 여타 질병과 연관 - 뉴트라 스위트 (NutraSweet), 이퀄 (Equal), 아미노 스위트 (AminoSweet)

Show 5 Show All

사용법어찌: 구글 블로그, 구글 드라이브, 구글 플러스, 메타트레이더, 인터넷 개인정보 보안, 피드버너, 푸바 2000, 프리웨어, 브라우저, 애드센스, 텀블러, HTML MT4 MT5 ... wayful.com

검색기 Home 위로가기↑

Labels

사용법 구글블로그 Blogger Google Blogger HowTo Blogger_Template HTML Free-Good-Application Blogger_Post Google Plus

구글플러스 GooglePlus Blogger_Gadget MT4 MT5 메타트레이더 CFD FX마진 MetaTrader 주식차트 해외선물 환율차트 Browser 브라우저 Personal-Data-Protection Application Internet GoogleAdsense 선물차트 AA_Application Blogger_Others GooglePlus1 프로그램과기기사용법 GoogleDrive DIV tag Foobar2000 모질라파이어폭스 HTML_DIV 텀블러 푸바Foobar2000 Blogger_Settings Firefox SearchEngine Tumblr Mozilla Firefox 피드버너 FeedBurner Blogger_Dynamicview 검색엔진 구글애드센스 Search Engine 구글크롬 GoogleChrome Google Chrome HTML_Others Google AdSense GoogleDrive_Sheet GooglePlus2 HTML_A 인터넷보안 A tag SocialMedia 구글 드라이브 시트 사용법 구글계정 구글드라이브 GoogleAccount User Manual 구글 블로그 Free Application Google Account Internet Security 개인정보 보안 애드센스 인터넷 보안 Blogging Tips GoogleDrive_General Twitter 구글 블로그 반응형 테마 반응형 테마 트위터 2차 도메인 연결 Blogger_Drive Facebook Google Webmaster Tools IMG tag Internet Speed test 구글 블로그 사용법 구글웹마스터도구 반응형 테마 꾸미기 블로그 애드센스 블로그활성화 인터넷속도측정 페이스북 Emporio theme Good Site Introduction Google Sheet HTML_Button SEO Social Media 개인정보 유출 개인정보 판매 고대디 GoDaddy 구글 드라이브 사용법 구글 드라이브 시트 블로그에 삽입 구글 서치콘솔 구글 애드센스 구글 웹마스트 도구 Webmaster Tools 도메인 블로그 팁 써드파티 도메인 연결 애드센스 본문 아래 애드센스 본문 위 운영체제 OS Operating system 윈도우7 이메일 구독 가젯 꾸미기 인라인애드 인터넷 Internet 페이지 -모임 -알림 A 태그 스타일 속성 A 태그에 직접 속성 주기 AdSense maxNumAds AliExpress Anam CLASSIC 1.1 Speaker Systems AppData 폴더 A레코드 설정 BR tag BUTTON tag BUTTON 태그 꾸미기 BUTTON 태그 사용법 BidVertiser Blog This! BuzzBoost CNAME 설정 CSS 자동 생성 Contempo theme DIV Position 속성 DIV 세로정렬 DIV 영역 자체를 세로 정렬 DNS 설정 Domain Registrant Verification EMV 표준 Email Subscription gadget FONT tag Featured Post Gadget Customize Follow by Email gadget Free Programs Free Software Google CSE Google Custom Search Engine Google doc Google photo GoogleYoutube HR tag HTML 태그 사용법 글 목록 HTTPS 리다이렉트 설정 방법 IC 칩 IMPORTHTML 함수 사용법 IMPORTRANGE 함수 Inline Ads MP3 오디오 파일 올리기 Microsoft DirectX SDK Mobile Friendly Test Notable theme P tag PageList RFID Blocker RFID 차단 지갑 SEO search engine optimization SORT 함수 사용법 SPAN tag SiteIntroduction Soho theme Submit blog to Bing Search Engine URL단축 VLC 미디어 플레이어 Vitality Web Page Test org WiFi asynchronous asynchronous ad code body margin padding gadget locked false letter-spaceing line-height pages picasa web albums position: absolute position: relative search engine optimization showaddelement text-align left right center justify word-spacing 가운데 정렬 가젯 고정 해제 가젯 꾸미기 가젯 보이기 가젯 숨기기 가젯 숨기기 보이기 가젯 옮기는 방법 가젯 위젯 꾸미기 가젯 잠금 해제 가젯 추가 개인 도메인 연결 개인정보 추적 개체 선택 개체 속성창 건강정보 판매 검색기 검색엔진 최적화 검색엔진최적화 계정비활성화 계정삭제 고객정보 판매 고대디 계정 삭제 고대디 고객센터 연락처 고대디 회원 탈퇴 공유기 해킹 광고 게재율 최적화 Ad Balance 광고 읽는 재미 광고 차단 구글 URL단축 구글 google 구글 검색결과 삭제 구글 검색결과 서브도메인 삭제 구글 검색결과 웹페이지 삭제 구글 계정 모든 제품 콘텐츠 한꺼번에 백업 다운로드 하는 방법 구글 드라이브 구글 드라이브 MP3 오디오 파일 재생하기 구글 드라이브 공유 링크 얻는 방법 구글 드라이브 공유 방법 구글 드라이브 공유 해제 방법 구글 드라이브 소개 구글 드라이브 시트 구글 드라이브 시트 삽입과 브라우저별 특성 차이 구글 드라이브 시트 시간대 타임존 Time Zone 설정 방법 구글 드라이브 시트 연동하기 구글 드라이브 시트 웹페이지에 삽입 구글 드라이브 시트에 날짜 입력 달력 표시 하는 방법 구글 드라이브 외부 웹 데이타 가져오기 구글 드라이브 외부 웹페이지 테이블 데이타 가져오기 구글 드라이브는 무엇인가 구글 맞춤검색 결과 페이지 꾸미기 구글 맞춤검색기 꾸미기 구글 블로거 반응형 테마 구글 블로거 새 테마 구글 블로그 SSL 연결 설정 방법 구글 블로그 가젯 위젯 꾸미기 구글 블로그 만들기 구글 블로그 사용자 인터페이스 언어 설정 구글 블로그 사이트 맵 구글 블로그 언어 설정 구글 블로그 인라인 광고 구글 블로그 포스트 글 언어 설정 구글 시트 iframe embed 구글 시트 삽입 방법 구글 시트 아이프레임으로 웹페이지에 삽입하는 방법 구글 시트 연동 방법 구글 애드 블록커 구글 엠포리오 반응형 테마 꾸미기 구글 이야기 구글 커스텀 서치 꾸미기 구글 커스텀써지엔진 구글 컨트리뷰터 구글 크롬 구글 파이낸스 데이타 불러 오는 방법 구글 파이낸스 심볼 찾는 방법 구글 페이지 스피드 인사이트 구글CSE 구글계정 백업 구글대시보드 구글어카운트 구글유튜브 구독링크 없애는 방법 굿고퍼 그림 크기 조절 그림 픽셀 센티미터 변환 근거리통신망 글목록 글쓰기 글자간격 조절 글제목 글제목 링크 꾸미기 글제목 색상 선택상자 추가하기 금융정보 판매 금지어와 애드센스 광고 비노출 기기별 웹페이지 테스트 김어준의 파파이스 낱말 간격 조절 내추럴뉴스 네이티브 인피드 광고 다른 시트 파일 데이타 불러와 연동하기 다큐 영화 단어 간격 조절 단위 더 플랜 덕덕고 데이타 표시 순서 뒤집어 표시하는 방법 데이타에 포함된 문자를 제거하고 도메인 기관이전 도메인 네임시스템 DNS Domain Name System 도메인 등록자 연락처 정보 유효성 검사 디도스 DDos 라벨 가젯 Show All 버튼 꾸미기 라벨 가젯 꾸미기 링크 꾸미기 마이크로소프트 다이렉트X 개발키트 많이 본 글 메뉴 자동 생성 메인 너비 조절 메타트레이더 사용자 지표 추가 모니터 결점 체크 모니터 크기별 웹페이지 테스트 모니터 크기에 따라 보이거나 숨기는 코드 모니터 테스트 모바일 백신 모바일 속도 빠르게 모바일 점유율 모바일 접속 비중 모바일 테마 모바일 테마 가젯 설정 모질라 파이어폭스 목록 목록 자동 생성 무료 프로그램 무료소프트웨어 무료앱스 무상 공공의료 실현 무선신원확인칩 미국 미디어닷넷 Media.net 바디 여백 설정 방문자 편의성과 사이드바 위치 백악관 청원 Whitehouse Petition 버튼 잠금 해제 베리존 Verizon Communications 보안 CNAME Google Security CNAME 본문 가로 너비 본문 너비 조절 부즈부스트 부즈부스트 BuzzBoost 불량화소 브라우저 광고 차단 브라우저 애드 블록커 브라우저 점유율 브라우저 하드웨어 가속 Hardware acceleration 설정 (끄기/켜기) 블로그 HTTPS 연결 설정 방법 블로그 유료화 블로그 추가하기와 제한 사항 블로그 회원제 블로그에 오디오 플레이어 설치하기 블로깅 비드버타이저 비밀번호 변경 빙 검색등록 빛샘 사용법어찌검색 사용자 CSS Custom CSS 사용자 사생활 보호 사이드바 가젯 위젯 타이틀 일괄적으로 꾸미기 사이드바 너비 조절 사이드바 모바일 로딩 않음. 사이드바 모바일 숨김 사이트 맵 등록 사이트소개 새로고침 링크 새로고침 버튼 생체정보 로그인 생체정보 수집 서머리버너 서브도메인 삭제 센티미터 픽셀 환산 소셜미디어 수자만 가져오는 방법 수치 단위 스마트 TV 해킹 스마트폰 해킹 스크린 사이즈별 웹페이지 테스트 스크린 사이즈에 따라 보이거나 숨기는 코드 스크린-플라이 Screenfly 시스템 이미지로 컴퓨터 복구 시트 셀에 날짜 입력 달력 표시 신용카드 개인정보 보호 신용카드 개인정보 탈취 써드-파티 주소 3rd-party URL 아남 클래식 1.1 스피커 청취 소감 알렉사 순위 Alexa Rank 알리익스프레스 알리익스프레스 계정 해지 알리익스프레스 탈퇴 알에프아이디 RFID 알에프아이디 차단 지갑 알타바 Altaba 애널리틱스 애드 블록커 애드센스 adsbygoogle.js 애드센스 asynchronous 애드센스 가젯 asynchronous 경고 해결 하기 애드센스 노출 수 애드센스 로딩 속도 높이기 애드센스 본문 오른쪽 애드센스 본문 왼쪽 애드센스 수익과 사이드바 위치 애드센스 코드 애드센스 코드 검색 애드센스 코드 본문 애드센스 허용 개수 야후 Yahoo! 얀덱스 양쪽 정렬 어도비 플래시 플레이어 Adobe Flash Player 다운로드 설치 어도비 플래시 플레이어 삭제 언인스톨 언론자유 Free Speech 얼굴인식 암호 업트렌드 에이조 테스트 엠포리오 템플릿 영리병원 반대 영리병원 철회 촛불집회 오디오 파일 오른쪽 정렬 온라인 광고 온라인 광고 Online Ads 와이파이 외부 웹페이지 테이블 연동하기 왼쪽 정렬 운영체제 점유율 웹사이트 속도 테스트 웹사이트 순위 체크 웹사이트 실행 검사 웹캠 해킹 차단 방법 웹페이지 버튼 만들기 웹페이지 삭제 위젯 꾸미기 윈도우 운영체제 버전 32비트 64비트 윈도우 탐색기 볼더 옵션 설정 윈도우 하드웨어 가속 설정 (끄기/켜기) 유럽연합 개인정보 보호 규정 유럽연합 개인정보 보호 정책 유럽연합 개인정보 수집 안내문 표시 유튜브 음막 플레이어 의료민영화 반대 의료정보 상업화 반대 이메일 구독 버튼 글자 추가 이미지 단위 이미지 좌우 정렬 이미지 크기 조절 이미지 태그 사용법 이미지 픽셀 센티미터 변환 이엠 em 익스플로러 인기 있는 글 인라인 광고 인터넷 해킹 자바 JAVA 다운로드 설치 자바스크립트 자동 생성 정렬하기 줄 간격 조절 지문인식 암호 지티메트릭스 지표 선택 지표 속성 설정 징병정보 판매 추세선 선택 컴퓨터 백신 콘텐츠 영역 테두리 꾸미기와 삭제하기 콘템포 테마 쿼르크툴즈 QuirkTools 크라우드 펀딩 크롬 광고차단 크롬 애드 블록커 탑 사이드바 탑 사이드바 세로 정렬 텀블러 블로그 링크 페이지 만드는 방법 테이블 자동 생성 템플릿 디자이너 Template Designer 템플릿디자이너 통신정보 판매 트위터 글 자동 발행 설정 트위트 이미지 전송 파이어폭스 파퓰러 포스트 Popular post 퍼머링크 퍼센트 % percent 펀딩 초이스 페이지 네비게이션 페이지 로딩 속도 개선 페이지 리스트 가젯 페이지 여백 설정 페이크 뉴스 fake news 포스트 타이틀 post title 포인트 pt point 푸바 2000 푸바 2000 다운로드 방법 푸바 2000 무설치 버전 푸바 2000 포터블 버전 푸바 다운로드 푸바 라이브러리 설정과 검색하기 푸바 메뉴바 아이콘 만들기 푸바 설치하기 푸바 주의사항 푸바 파일 이름 바꾸기 푸바 파일 이름 삭제하기 푸바 파일관리 푸바 파일형식 바꾸기 프라이버시 보호법 프레웨어 프로퍼티 프리웨어 피드버너 RSS 굽기 피드버너 로고 변경 피드버너 로고 이미지 변경 설정 피드버너 부즈부스트 글 갯수 설정 피드버너 부즈부스트 글 목록 꾸미기 피드버너 부즈부스트 글 목록 만들기 피드버너 부즈부스트 라벨 태그별 글 목록 만들기 피드버너 부즈부스트 로고 숨기기 피드버너 서머리 요약 글 길이 설정 피드버너 섬머리버너 피드버너 소셜미디어 글 자동발행 피드버너 이미지 피드버너 이미지 발행 피드버너 이미지 변경 피드버너 콘텐츠 옵션 피드에 글 요약만 보이게 설정하기 피드에 글 제목만 보이게 설정 피쳐드 포스트 가젯 속성 꾸미기 피카사 웹 앨범 픽셀 px pixel 픽슬러 투명 이미지 로고 만들기 핑돔 한겨레TV 해킹 헤더 높이 조절 헤드 이미지 안보이게 하기 화면 크기에 따라 보이거나 숨기는 코드 화상카메라 웹캠 휴대기기친화성테스트

Show more Show less