728x90
반응형
HTML 구성요소(elements)는 각 유형에 따른 표시값을 갖는다.
<블럭요소 인라인요소 연습코드>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html01</title>
</head>
<body>
<h1>블록요소</h1>
<p style="background-color: black;">줄바꿈</p>
<div>
블록 요소 안에 텍스트, <strong>인라인 요소</strong> 포함가능
<p>블록 요소 안에 블록 요소 포함 가능</p>
</div>
<hr/>
<h1>인라인요소</h1>
<a style="background-color: yellow">줄바꿈 X</a> <!-- 줄바꿈 태그 : <br/> -->
<q>인라인 요소 안에 텍스트와 <a href="#">인라인 요소</a>포함 가능</q>
<span>인라인 요소 안에 <p>블록요소</p>포함 불가</span>
<!-- 사용은 가능하나, 지양하자. -->
</body>
</html>
<Chrome 출력 화면 1>
<p>줄바꿈</p>
<Chrome 출력 화면 2>
<p style="background-color: black;">줄바꿈</p>
728x90
반응형
'Web > HTML&CSS' 카테고리의 다른 글
| [HTML]a_링크 (0) | 2020.08.03 |
|---|---|
| [CSS]basic (0) | 2020.07.21 |
| [HTML]구분선, 인용문 (0) | 2020.07.21 |
| [HTML]제목, 단락, 주소 (0) | 2020.07.21 |
| [HTML]구조 (0) | 2020.07.21 |
