집 > 기사 > 웹 프론트엔드 > html5 기본 태그를 중앙에 배치하는 방법은 무엇입니까? 메인 태그를 중앙에 배치하는 예

html5 기본 태그를 중앙에 배치하는 방법은 무엇입니까? 메인 태그를 중앙에 배치하는 예

寻∝梦원래의: 2018-08-31 14:02:204878검색

이 글에서는 주로 HTML5 메인 태그의 센터링을 소개합니다. 이제 메인 태그에 대한 전체 사용 예를 살펴보겠습니다.

#🎜 🎜## 🎜🎜#먼저 html5 기본 태그를 중앙에 배치하는 방법을 살펴보겠습니다.

태그는 문서의 주요 내용을 지정합니다.

요소의 콘텐츠는 문서에 고유해야 합니다. 사이드바, 탐색 모음, 저작권 정보, 사이트 로고, 검색 양식 등 문서 전체에 반복적으로 나타나는 콘텐츠를 포함해서는 안 됩니다.

참고: 하나 이상의

요소가 문서에 나타날 수 없습니다.

요소는

너무 많은 정의를 언급했으므로 기본 태그를 중앙에 배치하는 전체 코드 예제를 살펴보겠습니다.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<main align="center">
  <h1>PHP中文网</h1>
  <p>Google Chrome、Firefox 以及 Internet Explorer 是目前最流行的浏览器。</p>
  <article>
    <h1>Google Chrome</h1>
    <p>Google Chrome是由Google开发的一款免费的开源web浏览器，于2008年发布。</p>
  </article>
  <article>
    <h1>Internet Explorer</h1>
    <p>Internet Explorer由微软开发的一款免费的web浏览器，发布于1995年。</p>
  </article>
  <article>
    <h1>Mozilla Firefox</h1>
    <p>Firefox是一款来自Mozilla的免费开源web浏览器，发布于2004年。</p>
  </article>
</main>
</body>
</html>

다음에 추가했습니다. 기본 태그 align 속성은 전체 문서를 중앙에 정렬한다는 의미입니다. 브라우저에 표시되는 효과를 살펴보겠습니다.

html5 기본 태그를 중앙에 배치하는 방법은 무엇입니까? 메인 태그를 중앙에 배치하는 예 명확하게 볼 수 있습니다. 예, 기사의 크기 때문에 너무 큰 웹 페이지에 배치할 수 없으므로 축소만 가능하지만 사진 중간에 있는 텍스트를 여전히 선명하게 볼 수 있습니다.

좋아요, 이번 글은 여기서 끝입니다. (자세한 내용을 알고 싶으시면 PHP 중국어 웹사이트를 방문하신 후 Baidu에서 PHP 중국어 웹사이트를 검색해 보세요. 여기에는 원하는 프로그래밍 과정과 자료가 포함되어 있습니다.) 질문이 있으시면 아래에 질문하세요

[에디터 추천]

html의 ol 태그에서 라벨을 제거하는 방법은 무엇입니까?

위 내용은 html5 기본 태그를 중앙에 배치하는 방법은 무엇입니까? 메인 태그를 중앙에 배치하는 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

php html5 html ul

성명：

이전 기사：캔버스 오프스크린 기술이란 무엇입니까? 캔버스 돋보기 효과를 얻는 방법은 무엇입니까?다음 기사：캔버스 오프스크린 기술이란 무엇입니까? 캔버스 돋보기 효과를 얻는 방법은 무엇입니까?