今回の記事は、別のページにリンク(アクセス)する方法をご紹介します。 サンプルのコードではリンク先として、当サイトのHTML記事一覧ページへアクセスしようと思います。 リンクを設定する方法 下記の表は、今回使用するタグになります。 今回使用するタグ一覧 指定した文字列にリンクを設定する 段落を付ける

画像を表示する方法で記事の本文中に配置した画像にキャプションをつけて表示します。 ここではキャプションに「サイトのメインイメージキャラクターちからこぶくんです。」とキャプションを付けてみます。

記事の本文中に画像を表示して、図版としてマークアップします。 サンプルでは「ちからこぶくん」の画像を表示してみます！ 画像を表示する方法 ① 画像を用意する まずは、本文中に表示させたい画像を用意しましょう。

見出しタグはh1、h2、h3、h4、h5、h6の6種類があります。 もっとも大きな見出しをh1で、もっとも小さい見出しをh6で示す仕組みとなっています。 HTML5より前は、ページ内のすべての見出しをh1から順にマークアップすることが推奨されていましたが、HTML5からはページを構成するパーツのまとまりである「セクション」ごとにh1〜h6を使用できるようになっています。

ページを構成しているパーツの中で、コンテンツとして成立している部分はでマークアップすることによって明確にすることができます。 なお、でマークアップしてもブラウザ画面の表示には影響することありません。 articleタグの利用方法 使用するHTMLタグ コンテンツとして成立している部分をマークアップする

この記事ではページにヘッダーおよびフッターとしてマークアップする方法をご紹介します！ なお、本来であれば階層構造(ツリー構造)にしてマークアップしますが、Sampleコードでは逆に見づらくなってしまうので階層構造にはしていませんが、本番では必ず階層構造にしましょう！（ソースコードの可読性が向上します）

基本的な書き方 HTML5ではコンテンツを開始タグと終了タグでマークアップすることにより、コンテンツが内容を明確にします。 マークアップした部分は下のサンプルのような構造に、全体を「要素」と呼びます。タグの大文字と小文字は区別されることがありません。 ※小文字で記述することが一般的です

videoタグでは動画ファイルを簡単に扱うことができます。 基本的なメソッドは「Audioタグでオーディオファイルを再生する方法」と同様で再生や停止、巻き戻しなども行うことができます。また現在の再生時間や全体の時間などのプロパティも用意されています。

audioではmp3やwavなどのオーディオファイルをHTML中で扱うことができます。 またオーディオファイルの巻き戻しや一時停止などのコントールのメソッドも提供されています。 Audioタグの利用方法 Audioを実際に利用するには以下の手順でプログラミング及びマークアップを行います。

Web業界では、HTML5が普及してきたことによって、使う機会が多くなっています。 HTML5では新しく定義されたタグ(新要素)が多くあります。 また同様にHTML5で廃止されたタグがあるので一覧表作成しました。要素名、要素の説明、代替手段を簡潔に説明していますので見てみましょう！