HTML

[HTML] HTML 기본

개발자하소서 2021. 12. 13. 11:36
728x90
반응형
SMALL

📌HTML 문서

● 모든 HTML 문서는 문서의 유형 선언 <!DOCTYPE html>으로 시작해야 한다

    - 선언은 대소문자를 구분하지 않는다.

   -  페이지 상단(HTML 태그 앞)에 한 번만 나타나야 한다.

 

HTML 문서 자체는  <html> 시작 하고 </html> 로 끝난다. 

 

HTML 문서의 본문은 <body> </body> 사이에 있다.

 

●  HTML 제목은 <h1>to <h6>태그 로 정의된다 .

 

● HTML 단락은 다음 <p>태그 로 정의된다 .

 

HTML 링크는 다음 <a>태그 로 정의된다 .

 

<br>태그는 줄 바꿈을 정의하고, 닫는 태그(</>)가 없는 빈요소이다

 

 

<!DOCTYPE html>
<html>
<head>
<title> 페이지 제목입니다 </title>

<body>

<!-- HTML 주석 -->
<태그명>: 시작태그 
</태그명> : 닫는 태그 

HTML5는 항상 시작태그로 시작하고
        닫는 태그로 끝이 나야 한다
        
<시작태그> 내용 </닫는태그>
내용이 없으면 닫는 태그는 필요 없다
다만, HTML5는 디자인가이드에서는 
<시작태그 /> : 내용이 없으면 이렇게 표현

<h1> ~ <h6> 문단 제목 태그라고 하고
			기본적으로 <p>기능 가진다
            
<p> 문단태그 항상 끝나면 
    커서가 다음줄로 가라는 의미로   
    블록태그라고 한다
    태그가 끝나면 항상 다음칸에 가있는 태그를 
    인라인 태그라고 한다 

<img src="url"> url에 있는 이미지를 나타냄 
 
<a href="주소링크"></a> 링크를 나타낸다 

    
<h1>My First Heading</h1>
<h2>My First Heading</h2>
<h3>My First Heading</h3>
<h4>My First Heading</h4>
<h5>My First Heading</h5>
<h6>My First Heading</h6>

<h6>작아지는 제목 </h6>
<h5>작아지는 제목</h5>
<h4>작아지는 제목</h4>
<h3>작아지는 제목</h3>
<h2>작아지는 제목</h2>
<h1>작아지는 제목</h1>

<p>이것은 문단입니다 .</p>

<p>이것은 <br> br태그로 줄바꿈을 나타낸다 이것은 다음으로 줄바꿈됨</p>

</body>

</html>

 

 

[출처 : W3schools - HTML]

728x90
반응형
LIST

'HTML' 카테고리의 다른 글

[HTML] <dl>, <dt>, <dd> 태그  (0) 2021.12.20
[HTML] <!-- --> 태그(주석)  (0) 2021.12.14
[HTML] <bdo> 태그  (0) 2021.12.14