동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.
동영상 강좌보기
본격 공부에 앞서 HTML 페이지 기본 예제를 살펴보겠습니다.
HTML 문서
모든 HTML는 <!DOCTYPE html>과 같은 문서유형을 선언하면서 시작합니다.
HTML문서 자체는 <html>로 시작하고 </html>로 끝납니다.
브러우저로 봤을 때 볼 수 있는 HTML문서의 보이는 부분은 <body>와 </body>사이에 있습니다.
<!DOCTYPE html>
<html>
<body>
<h1>첫번째 표제</h1>
<p>첫번째 문단</p>
</body>
</html>
HTML 표제
표제는 <h1>~<h6>태그로 6개가 정의됩니다.
<h1>은 가장 중요한 제목을 정의합니다. <h6>은 가장 중요하지 않은 제목을 정의합니다.
<h1>제목1</h1>
<h2>제목2</h2>
<h3>제목3</h3>
<h4>제목4</h4>
<h5>제목5</h5>
<h6>제목6</h6>
HTML 문단
HTML문단은 <p>태그로 정의됩니다.
<p>문단입니다.</p>
<p>또 다른 문단입니다.</p>
HTML 링크
HTML링크는 <a>태그로 정의됩니다.
<a href="https://365ok.co.kr">링크</a>
링크 대상은 href속성에 지정됩니다.
html속성은 html요소에 대한 추가 정보를 제공하는데 사용됩니다.
HTML 이미지
HTML이미지는 <img>태그로 정의됩니다.
소스파일(src), 대체 텍스트(alt), 너비 및 높이가 속성으로 제공됩니다.
<img src="365ok.jpg" alt="365ok.co.kr" width="150" height="200">
등록된 댓글이 없습니다.