1. 콘텐츠 분할 태그 <div></div> 대표적인 블록 요소
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>콘텐츠 분할 div</title>
</head>
<body>
<h1>콘텐츠 분할 div</h1>
<h2>가장 대표적인 블록 요소<br>
구조를 나누기 위한 태그로 브라우저상의 특징이 없음</h2>
<div id="txt1">브라우저 화면에 나타나는 스타일이 없기 때문에 단순히
레이아웃을 구성하기 위해 사용.</div>
<div class="txt2">id, class 속성과 함께 사용.</div>
</body>
</html>
2. 콘텐츠 분할 태그 <span></span> 대표적인 인라인 요소
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>콘텐츠 분할 span</title>
</head>
<body>
<h1>콘텐츠 분할 span</h1>
<h3>가장 대표적인 인라인 요소</h3>
<h2>인라인으로 구조를 나누기 위한 태그.
<span id="wrap">브라우저상에 나타나는 특징이 없음.</span></h2>
<span id="color">주로 다른 텍스트와 구분하고 싶지만 적절한 태그가 없을 때 사용.</span><br>
<span class="bgColor">id, class 속성과 함께 사용.</span>
</body>
</html>
'HTML5' 카테고리의 다른 글
| [HTML] HTML5 Layout 구조 (0) | 2022.09.22 |
|---|---|
| [HTML5] 리스트 태그 <ol>, <ul>, <dl> (0) | 2022.09.22 |
| [HTML5] <blockquote>인용 태그</blockquote>, <address>사용자 정보 태그</address> (0) | 2022.09.21 |
| [HTML5] <h1~h6>, <p>, <br>, <em>, <strong> (1) | 2022.09.21 |
| [HTML5] 기본 작성 코드 (0) | 2022.09.20 |