프로젝트4 - div 섹션 구역 분리 와 CSS 스타일 적용하기

이미지
웹 브라우저에 표시되는 글자와 이미지 들에 디자인 적인 효과( 배경색, 글자색, 크기 조절...) 및 브라우저 내에서의 배치등을 조절하기 위해서는 구역을 나누면 편리해진다. 바로 구역(섹션) 을 나누어 주는 역할을 하는 태그가 div 이다. <div>태그는 브라우저에서 보여지는 시각적 기능은 없다. 단지, 구역을 나누는 역할을 한다.  코드를 만들어 본다. <!DOCTYPE html> <html> <head>   <title>div</title> </head> <body>   <div>     <p>Ice cream is a frozen dessert typically made from milk or cream that has been flavoured with a sweetener,        either sugar or an alternative, and a spice,        such as cocoa or vanilla, or with fruit, such as strawberries or peaches.</p>   </div>   <div>     <p> Food colouring is sometimes added in addition to stabilizers.        mixture is cooled below the freezing point of water and stirred to incorporate air spaces and prevent detectable ice crystals from forming.        It can also be made by whisking a flavoured cream base and liquid nitrogen together.        The result is a smooth, semi-solid foam that is solid at v

구글 블로그 이미지 복사 붙여넣기 가능한가요?

 구글 블로그에서 복사 붙여넣기로 이미지 삽입이 가능한지 테스트 해보았습니다.

1. 윈도우를 사용하신다면,
   윈도우키+Shift+S 로 화면캡쳐 한 후, 구글 블로그 글쓰기 창에 CTR+V 로 붙여넣기 하면
   하기 처럼 이미지 가 복사 됩니다


구글 블로거 이미지 삽입하는 방법 (복사 붙여넣기)


복사된 이미지를 마우스로 선택하면 하기처럼 하단에 서브메뉴가 나옵니다

구글 블로거 이미지 삽입하는 방법 (복사 붙여넣기)2
복사 붙여넣기 한 이미지


좌측 3개는 이미지 정렬 메뉴 이며,
4번째는 이미지 크기 조정 메뉴 입니다. 해당 메뉴를 사용해도 되고, 위 처럼 마우스 클릭시 나타난 작은 네모박스 등을 마우스 드래그로 크기를 직접 조정해도 됩니다.

구글 블로거 이미지 삽입하는 방법 (복사 붙여넣기)3


하지만 주로 업로드 실패 에러가 뜹니다. 이는 공식적으로 구글 블로그에서 이미지 복사 붙여넣기 기능을 지원하지 않는 다는것을 의미 합니다. 
이미지 삽입은 공식적으로는 상단 이미지 삽입 아이콘을 통해서 
이루어져야 합니다. 

구글 블로그 이미지 삽입

구글 블로그는 티스토리 에 비해서 이런 점들이 불편한거 같습니다.
블로그에 안착하면서 하나씩 개선 방법을 찾아봐야 겠습니다.
감사합니다.

댓글

이 블로그의 인기 게시물

HTML 페이지 기본 구성.(HTML Page Structure)

구글 블로그 대표이미지 설정하기