HTML 텍스트와 이미지를 중앙에 배치하는 방법은 무엇입니까? 센터링 코드란 무엇입니까?-HTML 튜토리얼-php.cn

HTML 텍스트와 이미지를 중앙에 배치하는 방법은 무엇입니까? 센터링 코드란 무엇입니까?

云罗郡主

풀어 주다： 2018-11-02 15:09:58

원래의

53569명이 탐색했습니다.

HTML 텍스트와 이미지를 중앙에 배치하는 방법은 무엇입니까? 센터링 코드란 무엇입니까? CSS를 이제 막 배우신 많은 분들이 이런 질문을 가지실 거라 믿습니다. 아래에 정리해 보겠습니다. 현재 최신 버전의 HTML(HTML5)은 "center" 태그를 지원하지 않으므로 HTML5 문서에서 텍스트를 중앙에 배치하려면 CSS 스타일 형식을 사용해야 합니다.

1: HTML 텍스트를 중앙에 배치하는 방법은 무엇입니까? [추천 학습: Html5 Tutorial]

1. HTML 문서를 열고 HTML 문서를 두 번 클릭하여 컴퓨터의 기본 텍스트(또는 HTML) 편집기에서 엽니다. 가운데에 배치할 텍스트, 단락 또는 기타 텍스트를 찾으면 텍스트에 "center" 태그를 추가합니다. 구문은

test입니다. 여기서 "test"는 텍스트입니다. 텍스트에 레이블이 있는 경우(예: 단락 텍스트가 "

p>") "center" 레이블은 기존 레이블 이상으로 확장될 수 있습니다.

코드 예:

<DOCTYPE html> 
<html> 
<body>
<h1><center>欢迎来到我的网站</center></h1> 
<center>php中文网</center > 
<p1>本网站的目的是php在线学习</p1>
</body> 
</html>

로그인 후 복사

코드 표시 효과:

HTML 텍스트와 이미지를 중앙에 배치하는 방법은 무엇입니까? 센터링 코드란 무엇입니까?

2: HTML에서 그림을 중앙에 배치하는 방법은 무엇입니까?

새 요소를 만들고 요소를 중앙에 배치합니다. 이 중앙 요소 내에 이미지를 포함할 수 있습니다. 그러나 요소 주위에 추가 공간이 생성됩니다.

새 코드 줄을 시작하세요. 요소를 중앙에 배치하는 것부터 시작하세요.

를 입력하세요.

이미지 코드를 추가하세요. php 중국 웹사이트

이미지의 높이와 너비를 지정할 수 있습니다. style="max-width:90%" width="200"> 또는 원하는 다른 크기를 입력하세요. 이것이 이미지를 표시하는 섹션의 끝입니다.

닫는 태그를 사용하세요. 예를 들어 전체 코드는 다음과 같습니다.

<center><img src =“dancingdogpicture.gif”alt =“dance dog”align =“middle></center>

로그인 후 복사

위는 HTML 텍스트와 이미지를 중앙에 배치하는 방법입니다. 센터링 코드가 무엇인지에 대한 완전한 소개입니다. HTML5 온라인 매뉴얼에 대해 더 알고 싶다면 PHP 중국어 웹사이트를 주목하세요.

위 내용은 HTML 텍스트와 이미지를 중앙에 배치하는 방법은 무엇입니까? 센터링 코드란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!