blockquote 태그

Doyoon Lee·2020년 7월 20일
0

HTML

목록 보기
2/3

<blockquote> 태그

인용 구문을 넣을 때 사용한다.

브라우저에서 blockquote 태그에 양쪽 여백을 넣는 기본 스타일을 자동으로 적용했다.

아래는 blockquote 태그의 문법이다. (오프닝, 클로징 둘다 필요하다.)

<blockquote class="js-description"> </blockquote>



&nbsp; 스페이스바를 뜻하는 코드

tag 안의 content 안에 여러개의 스페이스를 입력한다고 해도, 하나의 스페이스만 화면에 나온다.

여러개의 스페이스를 넣고 싶다면 텍스트에 &nbsp; 를 넣어야한다.

e.g.1

<p>너랑나랑&nbsp;&nbsp;&nbsp;&nbsp;멀어졌어</p>



css로 이미지를 넣는 방법

html 에 직접 img 를 넣는 방법 말고,

css 에 이미지를 넣을 수도 있다.

e.g.1

.bg-img {
	background-image: url("http://imageling");
	background-size: 100%;
	width: 300px;
	height: 300px;
}

위의 예시에서 .bg-img selector 가 선택하는 것은 .bg-img 클래스를 가진 div 라고 하자. html 상에서 div 의 안에는 아무런 내용도 없지만 css 에서 width, height 값을 정해주면 사라지지 않고 그 크기만큼 존재하게 된다.

background-size property 란?

background-size : 100%는 background-image 가 .bg-img의 width만큼 꽉채워 그려주는 기능을 한다.

0개의 댓글