2. HTML 태그

1. < h1 > ~ < h2 >

- heading 태그

- 주로 제목에 사용

- 1부터 시작하고 순서 지킬 것

- 한페이지에 하나씩 쓰기

 

2. <p>

- 문단 정의

 

3. <pre>

- 텍스트에 사용된 여백, 줄바꿈 모두 그대로 화면에 출력

 

4. <ol> & <li>

- ol은 순서가 있는 목록임을 뜻함

- li는 목록

- type 으로 목록 순서 형태 설정

- start 로 목록 시작 지점 설정

( type, start 지정 안할 경우 기본값인 숫자로 표현 )

 

type		예
1	숫자로 순서 매김	[입력]    <ol start = "3">        <li> 사과 </li>        <li> 수박 </li>        <li> 포도 </li>    </ol>
a	소문자로 순서 매김
A	대문자로 순서매김
i	로마숫자(소문자)로 순서매김	[출력]       3. 사과       4. 수박       5. 포도
I	로마숫자(대문자)로 순서매김

 

5. <ul> & <li>

- ul은 순서가 없는 목록임을 뜻함

- li는 목록

- type 으로 목록 형태 설정

( type 지정 안할 경우 기본값인 검정 동그라미로 표현 )

- type: circle(○) , square(■), disc (●), none

 

6. <dl> & <dt> & <dd>

- dl은  목록 시작

- dt는 용어 정의

- dl은 용어 설명

 

(예시)

 

  <dl>

  <dt>Califonia</dt>

  <dd>맑고 확창한 날씨가 좋고</dd>

  </dl>

출처&nbsp;https://iinomad.com/120

 

7. 텍스트 관련 태그

<strong>	글씨 굵게, 강조
<b>	글씨 굵게
<em>	글씨 기울게, 강조
<i>	글씨 기울게
<small>	글씨 작게
<mark>	하이라이트 표시
<sub>	아랫첨자 텍스트
<sup>	윗첨자 텍스트

 

8. <br>, <hr>

- <br> 줄바꿈

- <hr> 가로선

 

9. <button>

- 버튼 만들기