HTML テキストと画像を中央揃えにするにはどうすればよいですか?センタリングコードとは何ですか？-htmlチュートリアル-php.cn

HTML テキストと画像を中央揃えにするにはどうすればよいですか?センタリングコードとは何ですか？

云罗郡主

リリース： 2018-11-02 15:09:58

オリジナル

53530 人が閲覧しました

HTML でテキストと画像を中央に配置するにはどうすればよいですか?センタリングコードとは何ですか？ CSSを勉強したばかりの人はこのような疑問を抱く人も多いと思いますので、以下にまとめてみましょう。現在、最新バージョンの HTML (HTML5) は「center」タグをサポートしていないため、HTML5 ドキュメント内のテキストを中央に配置するには CSS スタイルの書式設定を使用する必要があります。

1: HTML テキストを中央揃えにするにはどうすればよいですか? [推奨学習: Html5 チュートリアル ]

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 中国語 Web サイト

画像の高さと幅を指定できます。 style="max-width:90%" width="200"> または選択した別のサイズを入力します。これで、画像をマークするセクションは終了です。

終了タグを使用します。たとえば、コード全体は次のようになります。

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

ログイン後にコピー

上記は、HTML テキストと画像を中央に配置する方法です。センタリングコードとは何かについての完全な紹介 HTML5 オンラインマニュアルについて詳しく知りたい場合は、php 中国語 Web サイトに注目してください。

###

以上がHTML テキストと画像を中央揃えにするにはどうすればよいですか?センタリングコードとは何ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。