> 웹 프론트엔드 > HTML 튜토리얼 > HTML h1 태그는 이중 태그인가요? html h1 태그의 위치를 ​​설정하는 방법은 무엇입니까?

HTML h1 태그는 이중 태그인가요? html h1 태그의 위치를 ​​설정하는 방법은 무엇입니까?

寻∝梦
풀어 주다: 2018-08-29 13:36:05
원래의
9896명이 탐색했습니다.

이 글에서는 주로 HTML h1 태그 의 소개, h1 태그의 이중 태그 표시 효과, 단일 태그 표시 결과, HTML h1 태그의 위치 조정에 대해 설명합니다. 정렬 속성의 사용법 및 도입을 추가했습니다. 다음을 살펴보겠습니다

1: 먼저 HTML h1 태그가 이중 태그인지 살펴보겠습니다.

HTML에서 h1 태그를 사용해본 적이 없는 많은 사람들이 이 문제를 겪을 것입니다. 사실 예제를 보면 매우 간단합니다. (더 많은 예제를 보려면 만능 프로그래밍 웹사이트인 PHP 중국어 웹사이트에 오신 것을 환영합니다.)

다음은 HTML h1 태그의 예입니다: #🎜🎜 #

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<h1>欢迎大家来到PHP中文网的教程中</h1>
<p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p>
</body>
</html>
로그인 후 복사

태그가 인 것을 보면 알 수 있는데, HTML4나 html5에서는 종료태그가 있어야 합니다. add 닫는 태그를 잊어버리거나 잊어버린 경우 일부 브라우저에서는 정상적으로 큰 크기로 표시되지만 Chrome 브라우저에서는 먼저 이 코드의 렌더링을 살펴보겠습니다.

# 🎜🎜#

HTML h1 태그는 이중 태그인가요? html h1 태그의 위치를 ​​설정하는 방법은 무엇입니까?

h1이 없는 닫는 태그의 스타일을 살펴보겠습니다.

<body>
<h1>欢迎大家来到PHP中文网的教程中
<p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p>
</body>
로그인 후 복사

볼 수 있는 내용은 다음과 같습니다. 이것이 Chrome 브라우저에 미치는 영향 생각해 보세요. 자, 그냥 살펴보겠습니다.

HTML h1 태그는 이중 태그인가요? html h1 태그의 위치를 ​​설정하는 방법은 무엇입니까? Chrome의 표시 효과가 이렇게 달라진 걸 보셨나요? 타이틀 캐릭터. 이것은 분명히 우리가 원하는 효과가 아닙니다. 누구도 그렇게 많은 글꼴을 넣을 의향이 없습니다. 따라서 모든 사람은 나중에

태그를 끝내는 것을 기억해야 합니다.

2: 이제 HTML 태그의 위치 설정을 살펴보겠습니다.

html

또한 매우 간단합니다. 속성인 정렬 속성에 대해 알아봅시다. (더 많은 속성 소개를 보려면

PHP中文网

을 클릭하세요.) align 속성은 많은 태그를 중앙에 표시하는 데 도움이 되며 이제 h1 태그도 예외는 아닙니다. , 예를 살펴보겠습니다.

<body>
<h1 align="center">欢迎大家来到PHP中文网的教程中</h1>
<p>这里会为大家详细的讲解更多关于HTML之中的更多内容</p>
</body>
로그인 후 복사

위의 h1 코드에 추가된 align 속성을 살펴보겠습니다. 이제 효과를 살펴보겠습니다.


# 🎜🎜##🎜🎜 #

스크린샷에서는 잘 보이지 않아서 이 h1 태그 내용이 웹페이지 중앙에 옵니다.

태그의 내용은 여전히 ​​왼쪽에 있습니다.

HTML h1 태그는 이중 태그인가요? html h1 태그의 위치를 ​​설정하는 방법은 무엇입니까?

물론 이 정렬 속성에는 다른 속성 값도 있습니다.

align="left": 이 속성 값이 h1에 설정되면 위 그림과 같이 h1의 제목이 왼쪽에 나타납니다.


  • align=" right" : 이 속성 값이 h1에 설정되면 h1의 제목이 웹 페이지 오른쪽에 나타납니다.

  • 이 두 가지는 시연되지 않습니다. 관심이 있는 경우 직접 시도해 볼 수 있습니다.

  • 그렇습니다. h1 태그에 대한 소개가 더 많이 있으며, 질문이 있는 학생은 아래에 메시지를 남겨주세요. 편집자 추천】

HTML에서 form 태그의 method 속성을 어떻게 사용하나요? 메소드 속성

HTML ul 태그는 무엇을 의미하나요? HTML ul 태그의 역할에 대한 자세한 설명

위 내용은 HTML h1 태그는 이중 태그인가요? html h1 태그의 위치를 ​​설정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿