HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLで見出しの配置（アラインメント）を設定する方法

HTMLの見出しには、<h1>から<h6>までの6種類のタグが用意されています。HTMLで見出しの配置（アラインメント）を設定するには、style属性を使用します。style属性は、要素にインラインスタイルを直接指定するための属性で、HTMLの<h1>〜<h6>タグに対して、CSSプロパティのtext-alignと組み合わせて使用します。

なお、HTML5では見出しタグのalign属性はサポートされていません。そのため、見出しの配置を設定する際は、CSSスタイルを使うのが正しい方法となります。

style属性使用時の注意点

style属性で指定したスタイルは、グローバルに設定されたスタイルを上書きするという点に注意が必要です。具体的には、HTMLの<style>タグ内や外部スタイルシートで定義したスタイルよりも、style属性によるインラインスタイルの方が優先されます。

HTMLで見出しの配置（アラインメント）を設定する方法

サンプルコード

以下のコードを実行すると、HTMLで見出しの配置を設定する方法を実際に確認できます。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Document</title>
   </head>

   <body>
      <h1 style="text-align:center">Tutorial</h1>
      <p>Learn for free</p>
   </body>
</html>

出力結果

HTMLで見出しの配置（アラインメント）を設定する方法

  1. HTMLで内部CSS（スタイルシート）を使う方法をわかりやすく解説

    内部CSSとは？CSSはHTML文書にさまざまな方法で適用できます。その一つが「内部CSS（Internal CSS）」と呼ばれる手法で、<style>タグを使用するのが特徴です。<style>タグは<head>〜</head>タグの中に記述します。この方法では、1つのページに対して個別のCSSスタイルを定義することが可能です。外部スタイルシートファイルを作成せずに手軽にスタイルを適用できるため、単一ページのみで完結するデザインや、簡単なデモ・テストページを作成する際によく使われます。サンプルコード以下のコードを実行すると、HTMLで内部CSSを

  2. HTMLでインラインCSS（スタイルシート）を使う方法を徹底解説

    インラインCSSとは？ HTMLでインラインCSSを使用するには、style属性を使います。style属性は、個々の要素に対して直接スタイルを指定するための属性です。font-family（フォントの種類）、font-style（フォントのスタイル）、text-decoration（文字装飾）、direction（文字の方向）など、さまざまなCSSプロパティと組み合わせて利用できます。 style属性の注意点 style属性で指定したスタイルは優先度が最も高く、他のスタイル指定を上書きします。具体的には、以下のようなスタイル指定よりも優先されます。 <style>タグ内に記述さ