ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLでWebページを中央に配置する方法

HTMLでWebページを中央に配置する方法

coldplay.xixi
リリース: 2021-01-15 17:15:40
オリジナル
21911 人が閲覧しました

htmlWeb ページを中央に配置する方法: まず、Dreamweaver で HTML ページ ファイルを開き、次に [align="center"] コードをページの高さの直後に追加します。

HTMLでWebページを中央に配置する方法

このチュートリアルの動作環境: Windows 10 システム、Adobe Dreamweaver CC 2020 バージョン、DELL G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。

無料学習の推奨事項: プログラミング ビデオ

htmlWeb ページを中央に配置する方法:

1. Dreamweaver でページを開きます。 HTML ページ ファイルを追加した後、ページの高さの直後に align="center" を追加します。二重引用符とスペースに注意するだけで、HTML ページが中央に表示されます。

HTMLでWebページを中央に配置する方法

2. タグを手動で入力して Web ページを中央に表示したくない場合は、Web ページの表の端をクリックすることもできます。 DW ビュー ウィンドウをマウスで外します。

HTMLでWebページを中央に配置する方法

3. 次に、マウスの左ボタンを押したまま水平方向にドラッグすると、Web ページが完全に選択され、選択した部分が表示されます。コードウィンドウにも マークがあります。

HTMLでWebページを中央に配置する方法

#4. DW の下のプロパティ パネルで、[配置] の横にある下向き矢印をクリックし、ドロップダウン オプションの [中央揃え] をクリックします。

HTMLでWebページを中央に配置する方法

5. 上記のいずれかの方法で変更を加えた後、DW メニュー バーで [ファイル] をクリックし、ポップアップ オプションで [保存] をクリックします (または Ctrl S を直接押します)。それでおしまい。

HTMLでWebページを中央に配置する方法

6. 保存後、HTML Web ページをブラウザにドラッグ アンド ドロップして開くと、次のように Web ページが中央に表示されていることがわかります。以下の図に示されています。

HTMLでWebページを中央に配置する方法

プログラミングについてさらに詳しく知りたい場合は、php training 列に注目してください。

以上がHTMLでWebページを中央に配置する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート