티스토리 뷰

4학년 1학기/HTML

HTML 기본 예제

Hading 2017. 3. 6. 14:46

HTML 문서

모든 HTML 문서는 <! DOCTYPE html> 과 같은 문서 유형 선언으로 시작해야합니다 .

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

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


 <!DOCTYPE html>

<html>
<body>

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

</body>
</html>



HTML 표제

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

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


<h1>This is hading 1</h1>

<h2>This is hading 2</h2>

<h3>This is hading 3</h3>



HTML 단락

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


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

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



HTML 링크

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


 <!DOCTYPE html>

<html>

<body>


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


</body>

</html>


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

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



This is a link 누르면 밑에 화면이 나타납니다. 




HTML 이미지

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

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



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


'4학년 1학기 > HTML' 카테고리의 다른 글

HTML 표제  (0) 2017.03.06
HTML 속성  (0) 2017.03.06
HTML 요소  (0) 2017.03.06
HTML 편집기  (0) 2017.03.06
HTML Introcuction  (0) 2017.03.06
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
TAG
more
«   2024/10   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함