본문 바로가기
IT

HTML 기초 (HTML basic)

by 더블비 2016. 11. 18.


HTML 문서


모든 HTML 문서는  문서 타입 선언 <!DOCTYPE html> 으로 시작되어야 합니다.

HTML 문서자체는 <html>로 시작해서 </html>로 끝나야 합니다.

HTML문서의 보이는 부분은 <body> 와 </body> 태그 사이에 있습니다.

예문

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>


결과값

My First Heading

My first paragraph.




HTML 헤딩


HTML 헤딩태그는 <h1> 에서 <h6>로 정의 됩니다.

<h1> 이 가장크고  <h6> 가 가장 작게 표현됩니다. 


예문

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>


결과값

This is heading 1

This is heading 2

This is heading 3



HTML 문단

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


예문

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>


결과값

This is a paragraph.

This is another paragraph.


HTML 링크

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


예문

<a href="http://lilysdad.tistory.com">This is a link</a>


결과값

This is a link


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

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


HTML 이미지

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

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


예문

<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">


결과값

W3Schools.com


아래 링크를 참조하여 번역 및 수정 함

http://www.w3schools.com/html/html_basic.asp


'IT' 카테고리의 다른 글

구글 팀 드라이브 테스터 모집 시작 - Google Team Drives  (0) 2016.11.22