ホームページ > 記事 > ウェブフロントエンド > HTML テキストと画像を中央揃えにするにはどうすればよいですか?センタリングコードとは何ですか？
HTML テキストと画像を中央揃えにするにはどうすればよいですか?センタリングコードとは何ですか？
- 云罗郡主オリジナル
- 2018-11-02 15:09:5853510ブラウズ
HTML でテキストと画像を中央に配置するにはどうすればよいですか?センタリングコードとは何ですか？ CSSを勉強したばかりの人はこのような疑問を抱く人も多いと思いますので、以下にまとめてみましょう。現在、最新バージョンの HTML (HTML5) は「center」タグをサポートしていないため、HTML5 ドキュメント内のテキストを中央に配置するには CSS スタイルの書式設定を使用する必要があります。
1: HTML テキストを中央揃えにするにはどうすればよいですか? [推奨学習: Html5 チュートリアル ]
1. HTML ドキュメントを開き、その HTML ドキュメントをダブルクリックして、コンピュータのデフォルトのテキスト (または HTML) エディタで開きます。中央揃えにしたいテキスト、段落、その他のテキストを見つけます。テキストに「center」タグを追加します。構文は次のとおりです:
p>」である場合)、「center」ラベルは既存のラベルを超えて拡張できます。
コード例:
<DOCTYPE html> <html> <body> <h1><center>欢迎来到我的网站</center></h1> <center>php中文网</center > <p1>本网站的目的是php在线学习</p1> </body> </html>
コード表示効果:
2: HTML で画像を中央に配置するにはどうすればよいですか?
新しい要素を作成し、その要素を中央に配置します。この中央に配置された要素内に画像を含めることができます。ただし、要素の周囲に余分なスペースが生じます。 コードの新しい行を開始します。まず要素を中央に配置します。 「
画像の高さと幅を指定できます。 style="max-width:90%" width="200"> または選択した別のサイズを入力します。これで、画像をマークするセクションは終了です。
<center><img src =“dancingdogpicture.gif”alt =“dance dog”align =“middle></center>上記は、HTML テキストと画像を中央に配置する方法です。センタリング コードとは何かについての完全な紹介 HTML5 オンライン マニュアル について詳しく知りたい場合は、php 中国語 Web サイトに注目してください。
以上がHTML テキストと画像を中央揃えにするにはどうすればよいですか?センタリングコードとは何ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。