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

[HTML] 헤드(head)와 바디(body)란? / br,h#,p,a,b,i,sup,ins,del 태그Web_Frontend/HTML & CSS2021. 10. 29. 15:31@Yanako

Table of Contents

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

<!DOCTYPE html>

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

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

1. 헤드(head)란?

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

1) 보이는 모습

2. 바디(Body)태그란?

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

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

3. 기본 태그

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

    안녕하세요. 야나 입니다.<br />
    Helloworld!!

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

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

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

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

4) a 태그 : 링크(닻) 태그(anchor tag). URL, 문자, 이미지 div 외.

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

태그 명	타입	=	"URL">	target	=	"종류"	하이퍼링크를 걸어 화면에 표시할 내용	닫힘테그
<a	herf	=	"https://yanacoding.tistory.com/">	target	=	"_blank"	야나's 코딩 블로그로 이동	</a>
①	②		③	④		⑤	⑥	①

- ① : a 태그입니다.

- ② : herf 속성 = 하이퍼 링크 속성 지정

- ③ : 이동할 주소 URL 지정

- ④ : 이동할 주소를 반영할 target 지정

- ⑤ : 1) "_self" 현재 창에서 / 2) "_blank" = 새로운 창에서 / 3) "_frame name" : 지정 프레임에서 실행..,

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

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

5) b 태그 : 볼드체 태그

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

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

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

9) del 태그 : 취소선 태그

    <p><b>KOREA</b></p>
    <p><i>KOREA</i></p>
    <p>KOREA <sup>SEOUL</sup></p>
    <p><ins>KOREA</ins></p>
    <p><del>DELETE</del></p>

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

저작자표시

'Web_Frontend > HTML & CSS' 카테고리의 다른 글

[HTML] 이미지를 나타내는 태그(img) (0)	2021.11.04
[HTML] 소리를 출력하는 태그(audio) (0)	2021.11.04
[HTML] 표를 나타내는 태그(table) (0)	2021.11.03
[HTML] 리스트(ul,ol,li, dl,dt,dd) 태그 (0)	2021.10.29
[HTML] HTML 기본_ 태그란? (0)	2021.10.29

@Yanako :: Yana's coding story였는데요, 우당탕탕 개발일지가 맞는것같

야나의 코딩 일기장 :) #코딩블로그 #기술블로그 #코딩 #조금씩,꾸준히

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!

1. 헤드(head)란?

2. 바디(Body)태그란?

3. 기본 태그

'Web_Frontend > HTML & CSS' 카테고리의 다른 글

티스토리툴바