HTML 학습 4 부 : HTML에서 제목 (제목)을 만드는 방법
이번에는 어떻게HTML로 표제를 만드십시오. HTML 문서를 만들 때는 문서에 제목을 추가하는 것이 좋습니다. 제목은 HTML 문서에서 제목 또는 자막이되는 문구 또는 단어 모음입니다.
타이틀을 제공하는 것은 확실히 매우 필요합니다HTML 문서의 담화 또는 기사에 대한 개요를 제공합니다. 제목은 제목 표시 줄에 HTML 문서 제목으로 나타나는 제목 (HTML 문서의 제목)이 아니지만 제목은 문서의 내용에 담화 또는 텍스트의 제목으로 나타납니다.
HTML은 다양한 크기의 6 단계 제목을 제공합니다. 제목 태그 사용은 태그로 시작 <Hx> 태그로 끝납니다 </ Hx> 어디서 x 1에서 6까지의 표제 레벨 번호입니다. 여기서x 값이 클수록 제목 크기가 작아집니다. 그러나 x의 값이 작을수록 타이틀의 중요도, 즉 h1이 h6보다 중요한 위치를 차지합니다.
제목에서 수반되는 속성은 외계인 제목을 평면, 왼쪽 또는 가운데로 표시 할 수 있습니다. 다음은 속성 값 테이블입니다 외계인 제목에서 :
| 가치 | 기능 |
| 왼쪽 | 제목을 왼쪽에 맞추려면 |
| 맞아 | 제목을 오른쪽에 맞추려면 |
| 센터 | 제목을 중간에 맞추려면 |
자세한 내용은 제목을 사용하는 코드입니다.
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Headings Di HTML</title>
</head>
<body>
<h1 align="left"> Heading 1</h1>
<h2 align="left"> Heading 2</h2>
<h3 align="left"> Heading 3</h3>
<h4 align="left"> Heading 4</h4>
<h5 align="left"> Heading 5</h5>
<h6 align="left"> Heading 6</h6>
</body>
</html>위의 HTML 코드를 실행하면 결과는 아래 이미지와 같습니다.
위의 그림은 1-6에서 각 제목 수준의 크기 차이를 명확하게 보여줍니다. 기억해야 할 것은 속성 사용입니다. 정렬 HTML5는 CSS 사용으로 대체되었으므로 제목은 지원되지 않습니다. 다음은 일반적으로 브라우저에 표시되는 CSS의 h1에서 h6까지의 기본값입니다.
| H1 | H2 | H3 |
| 디스플레이 : 블록; 글꼴 크기 : 2em; 마진 상단 : 0.67em; 마진 바닥 : 0.67em; 마진-왼쪽 : 0; 오른쪽 여백 : 0; 글꼴 무게 : 굵게; |
디스플레이 : 블록; 글꼴 크기 : 1.5em; 마진 상단 : 0.83em; 마진 바닥 : 0.83em; 마진-왼쪽 : 0; 오른쪽 여백 : 0; 글꼴 무게 : 굵게; |
디스플레이 : 블록; 글꼴 크기 : 1.17em; 마진 상단 : 1em; 마진 바닥 : 1em; 마진-왼쪽 : 0; 오른쪽 여백 : 0; 글꼴 무게 : 굵게; |
| H4 | H5 | H6 |
| 디스플레이 : 블록; 글꼴 크기 : 1em; 마진 상단 : 1.33em; 마진 바닥 : 1.33em; 마진-왼쪽 : 0; 오른쪽 여백 : 0; 글꼴 무게 : 굵게; |
디스플레이 : 블록; 글꼴 크기 : .83em; 마진 상단 : 1.67em; 마진 바닥 : 1.67em; 마진-왼쪽 : 0; 오른쪽 여백 : 0; 글꼴 무게 : 굵게; |
디스플레이 : 블록; 글꼴 크기 : .67em; 마진 상단 : 2.33em; 마진 바닥 : 2.33em; 마진-왼쪽 : 0; 오른쪽 여백 : 0; 글꼴 무게 : 굵게; |
가로 구분선 (태그 <hr>)
다음은 <hr> 태그 사용입니다. <hr> 태그를 사용하여 HTML 문서에서 가로 구분선을 만들 수 있습니다. 기본적으로 <hr> 태그는 브라우저 창을 따라 선을 만듭니다. <hr> 태그에는 여러 속성이 있습니다.
| 속성 | 기능 |
| 정렬 | 평면, 중간 또는 오른쪽 정렬 라인 |
| 사이즈 | 선의 두께를 픽셀 값으로 설정 |
| 노 셰이드 | 3D 그림자없이 선을 표시합니다 |
| 색깔 | 선에 색을 줘 |
| 폭 | 픽셀 또는 퍼센트 값으로 선 너비 설정 |
다음은 <hr> 태그를 사용하는 예입니다.
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Garis Pemisah Horizontal Di HTML</title>
</head>
<body>
<h1 align="left"> Heading 1</h1>
<hr color="green" width="20%" size=3 align="left" >
<h4 align="left"> Heading 4</h4>
</body>
</html>그러면 브라우저에 결과가 표시된 후 아래와 같이 나타납니다.
<hr> 태그의 너비 설정에서px 또는 퍼센트 (%)를 사용합니다. 위의 예에서는 백분율 (%)을 사용합니다. 즉, 너비는 브라우저 창의 너비의 20 %입니다. 따라서 100 %로 설정하면 <hr> 태그가 브라우저 창만큼 넓어집니다.
그런 다음 <hr> 태그의 속성은위에서 언급 한 기능은 HTML5의 기능이 CSS의 사용으로 대체 되었기 때문에 HTML5에서 지원되지 않습니다. 또한 HTML 4.01에서 <hr> 태그는 수평선으로 정의되지만 HTML5에서는 담론 주제의 변경, 스토리 라인의 변경 등과 같은 주제별 구분으로 정의됩니다.
다음 기사에서 당신은 만날 수 있습니다HTML5에서 지원하지 않는 일부 HTML 태그가 있습니다. 그럼에도 불구하고, 나는 여전히 당신이 태그의 기능에 대해 알 수 있도록 설명 할 것입니다. 다음으로 HTML로 단락을 만드는 방법을 배웁니다.
