HTML
～ リンクを設定する ～ リンクを設定するには <href src="〇〇〇"> タグを使用します。「src」属性の 〇〇〇 にリンクするページのURLを記述します。 サンプルソース 今日も<href src="https://auctions.yahoo.co.jp/">ヤフオク</href>を利用した。 結果 今日もヤフオクを利用した。 END</href>
～ 音楽ファイルを再生する ～ 音楽ファイルを再生するには <audio> タグを使用します。「src」属性はファイルの場所で、タグ内に「controls」属性を追加すると、ミニプレイヤーが表示されるようになります。 サンプルソース <audio src="ここに音楽ファイルのURL" controls> 結果 END</audio></audio>
～ 文字列を注釈にしたい ～ 文字列をひと回り小さな注釈にするには <small> タグを使用します。 サンプルソース <p>デフォルトサイズの文字列</p> <small>※これは注釈にした文字列</small> 結果 デフォルトサイズの文字列 ※これは注釈にした文字列 END</small>
～ 文字を斜体で強調したい ～ 文字を強調するには <em> タグを使用して文字を斜体にします。※注意・・・chrome、Edge はデフォルトでは対応していない場合があります。 サンプルソース 文字列を斜体にして<em>強調</em>します 結果 文字を強調します。 END</em>
～ 重要な文字列を強調したい ～ 重要な文字列を太字にして強調させるには <strong> タグを使います。 サンプルソース ラーメンはやっぱり<strong>醤油味</strong>が一番です！ 結果 ラーメンはやっぱり醤油味が一番です！ END</strong>
～ 改行する ～ 改行は <br> または <br /> タグを使用します。XHTMLでは <br /> にしないとエラーになりますが、HTML5では <br> <br /> のどちらを使っても改行されます。 サンプルHTML こんにちは。<br>今日はとても天気が良いですね。<br />そうですね。 結果 こんにちは。今日はとても天気が…
～ 上付き文字と下付き文字 ～ 上付き文字は <sup> ～ </sup> 下付き文字は <sub> ～ </sub> タグを使用して表示します。 サンプルソース 東京オリンピック<sup>上付き文字</sup>は2020年に開催される予定でした。 東京パラリンピック<sub>下付き文字</sub>も2020年に開催される予定でした。 結果表示 東…
～ 文字にルビをふる ～ ルビとはふりがなのことです。文字にルビをふるには <ruby> タグと <rt> タグを組み合わせます。 サンプルHTML <ruby>東京<rt>とうきょう</rt></ruby>オリンピック 結果 東京とうきょうオリンピック END</rt></ruby>
～ 文字に打消し線を入れる ～ 任意の文字を <s>～</s> タグで囲むことで打消し線を入れることができます。<del>～</del>でも同じように打消し線が入れられます。 サンプルソース <s><s>で文字に打消し線を入れる</s><del><del>で文字に打消し線を入れる</del> 結果表示 <s>で文字に打消し線を入れる<del>で文字に</del></s></del></s>…
～ 文字列をハイライトする ～ <mark> タグを使用すると任意の文字列をマーカーでハイライトしたように表示することができます。 サンプルソース テキスト<mark>文字列をハイライトする</mark>サンプル 結果表示 テキスト文字列をハイライトするサンプル END</mark>
～ 見出しを表示する ～ 見出しは <h1> <h2> <h4> <h5> <h6> のタグを使用して表示します。見出しの上下には見出しの大きさに応じた行間が付けられます。 サンプルHTML <h1>見出し１</h1><h2>見出し２</h2><h3>見出し３</h3><h4>見出し４</h4><h5>見出し５</h5><h6>見出し６</h6> 結果 <h1> ～ <h6>までそれぞれの大きさの見出しが出力されました</h6></h1></h6></h5></h4></h2></h1>…
～ HTML文書にタイトルを付ける ～ 文書のタイトルは<head>要素の中に<title>タグで記述します。 <html><head><title>ここにタイトル</title></head><body></body></html> END
～ HTMLの基本構造 ～ <html> 要素はHTML文書のルートとなりその他の要素を含みます。<head> 要素には文書の情報を記述し、<body> 要素内には文書の本体を記述します。 サンプルソース <html><head>文書情報を記述するところJavaScript、CSSも基本的にここに記述</head><body>表示される要素を記述する</body></html> </body></head></html>…
