본문 바로가기

HTML/[패캠]HTML

1.HTML구조 (태그/HTML5/기본구조/포함관계)

반응형

@@@@해당 내용은 강의 내용바탕으로 메모용도인 점 참조 부탁드립니다@@@@

 

@HTML (HyperText Markup Languge)

@태그언어

-기본구조: <> 내용 </>

-종류: <div> <p> <h1> 

-엘리먼트: <> 내용 </> 이 자체를 엘리먼트라고 부르자

@HTML5

-버전이름(버전1~5) > 버전5라는걸 알려주려면 > <!DOCTYPE HTML> 이라고 코드 가장 처음에 표시해주면 HTML5라는걸 브라우저에게 알려주는것임 (, 웹표준이라는걸 알려주는것임)

 

 

@@@@@6~7@@@@ HTML 구조

@HTML 탬플릿 (기본적인 틀)

<!DOCTYPE HTML>

<HTML>

 <head>

   <meat charset=”utf-8”>

   <title>안녕하세요</title>  >>>브라우저 탭부분에 표시됨

</head>

 <body>

 안녕하세요. >>>실제 표시될 컨텐츠들 작성

 <h1>제목입니다</h1>

 <p>문단입니다</p>

 </body>

</html>

 

@태그의 포함관계

-엘리먼트 안에 또다른 엘리먼트를 작성하기 위한 관계 (html태그 안에 body태그 안에…)

@HTML관계

-부모, , 형제 등 관계

-div(부모) 밑에 p(자식) 옆에 h1(형제)

<div> <p>안녕</p> </div>

반응형