온라인 강의/HTML

Block 요소와 Inline 요소

onebeans 2023. 4. 13. 16:13

Block(블럭) 요소는 줄바꿈 현상이 나타나는 반면, Inline(인라인) 요소는 줄바꿈 현상이 나타나지 않습니다.

Block 요소를 갖는 <h> 태그와 inline 요소를 갖는 <a> 태그를 입력하고, 위의 현상을 확인해봅시다!

 

 

  1. <body></body> 태그 안에, <h1>Hello</h1>와 <a>Bye</a>를 각각 세 번씩 작성합니다.
  2. Hello와 Bye가 어떻게 출력되는지 확인합니다.
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Block, Inline</title>
</head>
<body>
 
  <h1> Hello</h1>
  <h1> Hello</h1>
  <h1> Hello</h1>
 
  <a> Bye </a>
  <a> Bye </a>
  <a> Bye </a>


</body>
</html>