콘텐츠
이 위키 하우는 HTML 웹 사이트에서 텍스트를 가운데에 맞추는 방법을 알려줍니다. 이를 위해 CSS (Cascading Style Sheets 또는 스타일 시트)를 사용합니다. 우리는 HTML을 중심으로 센터>하지만 대부분의 브라우저에서는 더 이상 작동하지 않습니다.
단계로
2 가지 방법 중 1 : CSS 사용
스타일을 설명하는 텍스트 파일을 엽니 다. 이제 센터>태그가 더 이상 사용되지 않는 경우 HTML 문서의 특정 영역에서 텍스트를 가운데에 배치 할 새 요소를이 파일에 만듭니다. 별도의 CSS 파일이없는 경우 코드는 "style>"및 "/ style>"태그 사이의 HTML 문서 맨 위에 있습니다. - 로 스타일>-그리고 / 스타일>태그가 아직 없으면 바로 아래에 넣을 수 있습니다. 바디>다음과 같은 방식으로 태그하십시오.
! DOCTYPE html> html> body> style> / style>
텍스트를 중앙에 배치하는 클래스를 만듭니다. 그만큼 div>태그는이 클래스가 속한 특정 섹션을 HTML 문서에 알려줍니다. "style"태그 사이에 다음을 입력하고 두 번 클릭해야합니다. ↵ 입력 첫 번째 줄 이후 : 프리 마돈나 {}
추가 텍스트 정렬특성. 유형 텍스트 정렬 : 가운데; 중괄호 사이 프리 마돈나-부분. 이제 "헤더"는 다음과 같습니다. DOCTYPE html> html> body> style> div.a {text-align : center; } / 스타일>
올바른 것을 추가하십시오 div중앙에 배치 할 텍스트에 태그를 지정합니다. 당신은 div>이 텍스트 위에 태그를 지정하고 / div>이 텍스트 아래에 태그. 예를 들어 제목과 그 아래에 단락을 중앙에 배치하려면 다음과 같습니다. div> h1> Welcome to my website / h1> p>이 웹 사이트는 주로 사물에 대한 정보를 제공하는 것입니다 ./p> / div>
사용 프리 마돈나다른 요소를 가운데에 태그합니다. 태그 사이의 콘텐츠와 같은 다른 요소를 중앙에 배치하려는 경우 p> / p> 과 h2> / h2>), 입력 div> 이 요소 및 / div> 나중에. 이미 "div.a"를 중앙 CSS 코드로 정의 했으므로 이제 이러한 요소도 중앙에 배치됩니다. 스타일> div.a {텍스트 정렬 : 센터; } / style> div> h2> 기부를 환영합니다 / h2> p> please / p> / div>
문서를 확인하십시오. 물론 웹 페이지의 텍스트는 다르지만 다음과 같이 보일 것입니다. DOCTYPE html> html> body> style> div.a {text-align : center; } / style> div> h1> Welcome to my website / h1> p>이 웹 사이트는 주로 사물에 대한 정보를 제공하기위한 것입니다. / p> / div> div> h2> 기부를 환영합니다 / h2> p> please / p> / div> / 본문> / html>
방법 2/2 : HTML에서 "center"태그 사용
- HTML 문서를 엽니 다. 이 방법은 구식을 얻는 방법을 설명합니다. 센터>꼬리표. 이 방법은 여러 브라우저에서 여전히 작동 할 수 있지만 너무 많이 의존하지 않는 것이 가장 좋습니다.
중앙에 배치 할 텍스트를 찾으십시오. 가운데에 배치 할 제목, 단락 또는 기타 텍스트를 찾을 때까지 문서를 아래로 스크롤합니다. 
텍스트의 양쪽에 "중앙"태그를 배치합니다. 코드는 다음과 같습니다. 센터> 텍스트 / 센터>. 여기서 "텍스트"는 중앙에 배치 할 텍스트입니다. 단락 앞에 "p> / p>"와 같이이 텍스트에 다른 태그가있는 경우 기존 태그 외부에 "중앙"태그를 배치합니다. center> h1> 홈페이지에 오신 것을 환영합니다 / h1> / center> center> 편하게 지내세요! / center>
HTML 문서를 확인하십시오. 다음과 같이 보일 것입니다. ! DOCTYPE html> html> body> h1> center> Welcome to my website / center> / h1> center> Make it easy to yourself! / Center> p1>이 웹 사이트는 주로 사물에 대한 정보를 제공하기위한 것입니다 ./p1> / body > / html>
