HTML
HTML 구성요소
웅-이
2022. 4. 29. 09:36
1.제목태그 header의 약자 h태그(1~6)
<h1>h1태그입니다</h1>
<h2>h2태그입니다</h2>
<h3>h3태그입니다</h3>
<h4>h4태그입니다</h4>
<h5>h5태그입니다</h5>
<h6>h6태그입니다</h6>
2.본문태그
1) p태그 (paragraph) : 단락으로 표현
한줄의 영역을 전부 차지 => 개행-->
<p>p태그</p>
<p>p태그</p>
2). span 태그 :문장으로 표현
내가 넣은 컨텐츠 만큼만을 영역으로 차지
개행 x
어떤 특징도 가지고 있지 않다 => 공태그
일반 text 로는 특정 글자에만 접근할 수가 없다
<span>span태그</span>
3)줄바꿈 태그 : br태그(break)
단순히 기능만을 하기 때문에, 시작태그와 끝태그 x
=>홀태그 -->
<br/>
<hr align="left" width="150px" size="140px" color="red">
<hr align="left" width="150px" size="120px" color="orange">
<hr align="left" width="150px" size="100px" color="yellow">
<hr align="left" width="150px" size="80px" color="green">
<hr align="left" width="150px" size="60px" color="blue">
<hr align="left" width="150px" size="40px" color="indigo">
<hr align="left" width="150px" size="20px" color="purple">
1.b태그
시각적 의미의 강조 => 디자인 css
<b>[공지사항]</b>
<span>입실 시, QR체크 해주세요!</span>
<br>
2.strong 태그 실질적 의미의 강조 -->
<span>이 좌석은 </span>
<strong>노약자, 임산부, 어린이</strong>
<span>만 이용 가능합니다.</span>