Notice
Recent Posts
Recent Comments
Link
«   2025/01   »
일 월 화 수 목 금 토
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
Tags
more
Archives
Today
Total
관리 메뉴

3일만에 끝내는 HTML, CSS, JS 기초

h01. HTML 기본 태그들 본문

HTML

h01. HTML 기본 태그들

눈의나라북범 2016. 6. 5. 15:25

HTML 기본 태그들

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

HTML 문서는 <html>로 시작해서 </html>로 끝납니다.

화면에 보일 부분은 <body>와 </body> 사이에 들어갑니다.


<!DOCTYPE html>
<html>
<body>

화면에 보이는 부분

</body>
</html>
HTML 머리글은 <h1>에서 <h6> 태그까지가 있습니다.


<h1>머리글 크기 1</h1>
<h2>머리글 크기 2</h2>
<h3>머리글 크기 3</h3>
<h4>머리글 크기 4</h4>
<h5>머리글 크기 5</h5>
<h6>머리글 크기 6</h6>

머리글 크기 1

머리글 크기 2

머리글 크기 3

머리글 크기 4

머리글 크기 5
머리글 크기 6
HTML 문단은 <p> 태그를 사용합니다.


<p>문단 1입니다...</p>
<p>문단 2입니다...</p>

문단 1입니다...

문단 2입니다...

HTML 링크는 <a> 태그를 사용합니다.


<a href="주소" target="_blank">내용</a><br />
<a href="http://news.naver.com" target="_blank">네이버 뉴스</a>
내용
네이버 뉴스 
HTML 그림 삽입은 <img> 태그를 사용합니다.


<img src="주소" alt="대체문자 입력하는 곳" width="가로크기" height="세로크기" /><br />
<img src="https://t1.daumcdn.net/cfile/tistory/0119B648513CEBCC2C" alt="앵그리버드" width="320" height="240" />
앵그리버드 
HTML 줄바꿈은 <br /> 태그를 사용합니다.


<p>첫 번째 줄<br />두 번째 줄<br />세 번째 줄</p>

첫 번째 줄
두 번째 줄
세 번째 줄

줄바꿈이 많은 시를 쓸 때, <pre> 태그를 사용합니다.

<pre> 태그 안의 글자들은 고정 너비를 갖는 글꼴로 표시되고, 또한 띄워쓰기나 줄바꿈도 입력한 그대로 표시합니다.


<pre>코스모스 한들한들
피어있는 길
향기로운 가을 길을
걸어 갑니다.</pre>

<pre>Oh my darling, Oh my darling,
Oh my darling Clementine,
You are lost and gone forever,
Dreadful sorry Clementine.</pre>
코스모스 한들한들
피어있는 길
향기로운 가을 길을
걸어 갑니다.
Oh my darling, Oh my darling, 
Oh my darling Clementine, 
You are lost and gone forever, 
Dreadful sorry Clementine.
[광고] Udemy 동영상 강의로 보기


저작자표시 비영리 변경금지

'HTML' 카테고리의 다른 글

h07. HTML CSS 스타일  (0) 2016.06.05
h05. HTML 프로그래밍 코드 표시  (0) 2016.06.05
h04. HTML 인용문 태그들  (0) 2016.06.05
h03. HTML 텍스트 태그들  (0) 2016.06.05
h02. HTML 스타일 속성  (0) 2016.06.05
'HTML' Related Articles more