[HTML] 헤드(head)와 바디(body)란? / br,h#,p,a,b,i,sup,ins,del 태그

[HTML] 헤드(head)와 바디(body)란? / br,h#,p,a,b,i,sup,ins,del 태그

0-1) DOCTYPE 태그 : 문서 타입 지정

0-2) html 시작 태그 : html로 문서가 작성될 것

1. 헤드(head)란?

문서의 정보, 타이틀, 설정값, 스타일시트(CSS)의 내용 혹은 JAVA Script의 내용 등 환경 설정에 관한 정보 수록.

1) 보이는 모습

2. 바디(Body)태그란?

페이지를 통해 전달하고자 하는 모든 정보가 담기는 곳.

- 그림, 정보 외. 화면에 보이는 모든 정보.

3. 기본 태그

1) br 태그( ) : 개행. 닫는 태그가 없이 열림 태그와 닫힘 태그가 일체형으로 되어있다.

안녕하세요. 야나 입니다. Helloworld!!

br태그 결과물

2) h1,2,3,4,5,6 태그(h#태그) : 문서 제목 태그.

h1 태그 입니다. h2 태그 입니다. h3 태그 입니다. h4 태그 입니다. h5 태그 입니다. h6 태그 입니다.

h#태그 결과물

3) p 태그 : 단락 구분 태그

주로 본문에 사용되는 태그로서 단락을 구분합니다. 주로 본문에 사용되는 태그로서 단락을 구분합니다.주로 본문에 사용되는 태그로서 단락을 구분합니다.주로 본문에 사용되는 태그로서 단락을 구분합니다.주로 본문에 사용되는 태그로서 단락을 구분합니다.주로 본문에 사용되는 태그로서 단락을 구분합니다.주로 본문에 사용되는 태그로서 단락을 구분합니다.주로 본문에 사용되는 태그로서 단락을 구분합니다. 주로 본문에 사용되는 태그로서 단락을 구분합니다.

p 태그 결과물

4) a 태그 : 하이퍼 링크 태그

< a | herf | = | "https://yanacoding.tistory.com/"> | 야나's 코딩 블로그로 이동 |

① ② ③ ④ ⑤ ⑥

- ① : 열림 태그 속 태그 명

- ② : herf 속성 지정

- ③ : =

- ④ : "URL"

- ⑤ : 화면에 하이퍼 링크를 걸어 표시할 내용

- ⑥ : 닫힘 태그

야나's 코딩블로그로 이동

a 태그 결과물

5) b 태그 : 볼드체 태그

6) i 태그 : 이탤릭체 태그

7) sup 태그 : 각주 문자 태그

8) ins 태그 : 언더라인 밑줄 태그

9) del 태그 : 취소선 태그

KOREA KOREA KOREA SEOUL KOREA DELETE

b,i,sup,ins,del 태그 결과물

0-3) html 닫힘 태그 : html로 문서가 작성 완료되었음.

from http://yanacoding.tistory.com/7 by ccl(A) rewrite - 2021-10-29 16:27:49