728x90
WEB1 - 07 혁명적인 변화
다음은 w3schools(www.w3schools.com)에서 가져온 <h1> ~ <h6> 태그의 설명입니다.
<h1> 태그의 정의를 보면 'HTML heading'라고 적혀 있습니다. heading은 제목이라는 뜻입니다. 따라서 <h1>부터 <h6>은 제목을 나타내는 태그라는 사실을 알아낼 수 있는 겁니다. 참고로 <h1>부터 <h6>밖에 없습니다. <h7>은 없습니다.
<h1> ~ <h6> 태그
Hypertext Markup Language (HTML) is the standard markup language for <strong>creating <u>web</u> pages</strong> and web applications.
<h1>W3C</h1>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>↓
Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications.W3C
This is heading 1
This is heading 2
This is heading 3
This is heading 4
This is heading 5
This is heading 6
코드를 보면 h 뒤에는 숫자가 붙고, 숫자가 올라갈수록 글씨가 작아지는구나, h와 숫자가 나오는 태그를 쓴다면 일반적인 텍스트보다는 글씨가 더 두껍구나, 줄바꿈이 되는구나, 라는 것을 경험적으로 알아낼 수 있습니다.
제목 만들기
HTML
Hypertext Markup Language (HTML) is the standard markup language for <strong>creating <u>web</u> pages</strong> and web applications.↓
HTML Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications.제목 태그를 토대로 예제에 활용해보았습니다. 브라우저를 보면 앞서 텍스트로 HTML이 무엇인가에 대해 적었는데, 이번에는 이것이 무엇에 대해 적은 것인지도 위에다 쓰고 싶습니다. 그래서 상단에 'HTML이라 적고 줄바꿈한 뒤 페이지를 보아도 줄바꿈되지 않고 글씨가 작습니다.
<h1> 태그를 이용해 제목 만들기
<h1>HTML</h1>
Hypertext Markup Language (HTML) is the standard markup language for <strong>creating <u>web</u> pages</strong> and web applications.↓
HTML
Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications.그래서 'HTML'에 제목 태그를 사용해 <h1>HTML</h1>이라고 쓰고 페이지를 새로고침하면 제목다운 디자인이 완성되는 것을 볼 수 있습니다.
728x90
