제4강.  HTML 문서 기본예제

 

 

동영상 강좌보기

 

본격 공부에 앞서 HTML 페이지 기본 예제를 살펴보겠습니다.

 

HTML 문서

모든 HTML는 <!DOCTYPE html>과 같은 문서유형을 선언하면서 시작합니다.

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

브러우저로 봤을 때 볼 수 있는 HTML문서의 보이는 부분은 <body>와 </body>사이에 있습니다.

<!DOCTYPE html>
<html>
<body>

<h1>첫번째 표제</h1>
<p>첫번째 문단</p>

</body>
</html>
Markup
Copy

 

HTML 표제

표제는 <h1>~<h6>태그로 6개가 정의됩니다. 

<h1>은 가장 중요한 제목을 정의합니다. <h6>은 가장 중요하지 않은 제목을 정의합니다.

<h1>제목1</h1>
<h2>제목2</h2>
<h3>제목3</h3>
<h4>제목4</h4>
<h5>제목5</h5>
<h6>제목6</h6>
Markup
Copy

HTML 문단

HTML문단은 <p>태그로 정의됩니다.

<p>문단입니다.</p>
<p>또 다른 문단입니다.</p>
Markup
Copy

HTML 링크

HTML링크는 <a>태그로 정의됩니다.

<a href="https://365ok.co.kr">링크</a>
Markup
Copy

링크 대상은 href속성에 지정됩니다.

html속성은 html요소에 대한 추가 정보를 제공하는데 사용됩니다.

 

HTML 이미지

HTML이미지는 <img>태그로 정의됩니다.

소스파일(src), 대체 텍스트(alt), 너비 및 높이가 속성으로 제공됩니다.

<img src="365ok.jpg" alt="365ok.co.kr" width="150" height="200">
Markup
Copy