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>