Program 【HTML】blockquote要素の使い方【引用文であることを示します】
長い文章を引用するときは、blockquote要素を使いましょう。
blockquote要素の使い方
以下のプログラムと、ブラウザの表示結果を見てください。
<!DOCTYPE html>
<htm...
Program Program 【HTML】dl要素、dt要素、dd要素の使い方【用語の定義や説明のリストを表示する】
用語の定義や説明は、dl要素、dt要素、dd要素を使って表しましょう。
dl要素、dt要素、dd要素の使い方
以下のプログラムと、ブラウザでの表示結果を見てください。
<!DOCTYPE html>
&l...
Program 【HTML】ul要素、li要素の使い方【順序のないリストを表します】
順序のないリストは、ul要素とli要素を使って表しましょう。
ul要素とli要素の使い方
以下のプログラムと、ブラウザでの表示結果を見てください。
<!DOCTYPE html>
<html>...
Program 【HTML】ol要素、li要素の使い方【順序のあるリストを表します】
順序のあるリストは、ol要素とli要素を使って表しましょう。
ol要素とli要素の基本的な使い方
まずは、以下のプログラムと、ブラウザでの表示結果を見てください。
<!DOCTYPE html>
<...
Program 【HTML】p要素の使い方【文書内のテキスト段落を表します】
テキストは、p要素を使って段落ごとに記載していきましょう。
p要素の基本的な使い方
まずは、以下のプログラムと、ブラウザでの表示結果を見てください。
<!DOCTYPE html>
<html>...
Program 【HTML】h1、h2、h3、h4、h5、h6要素の使い方【見出しを表します】
記事の中の見出しは、h1〜h6要素を使って表しましょう。
h1、h2、h3、h4、h5、h6要素の基本的な使い方
以下のプログラムと、ブラウザでの表示結果を見てください。
<!DOCTYPE html>
...
Program 【HTML】アウトラインとは【HTML文書の階層構造を意味します】
HTML5では、階層構造を意識してHTML文書を記述していきましょう。
「アウトライン」とは
以下のプログラムと、ブラウザでの表示結果を見てください。
<!DOCTYPE html>
<html&g...
Program 【HTML】kbd要素の使い方【ユーザーによる入力（キーボード入力や音声入力など）を表します】
kbd要素を使えば、ユーザーによる入力内容であることを表すことができます。
kbd要素の基本的な使い方（ユーザーに「文字列の入力」を促す）
まずは、以下のプログラムと、ブラウザでの表示結果を見てください。
<!...
Program 【HTML】samp要素の使い方【プログラムを実行した際の出力結果を示します】
samp要素を使えば、プログラム実行時の出力結果であることをマークアップできます。
samp要素の基本的な使い方
まずは、以下のプログラムと、ブラウザでの表示結果を見てください。
<!DOCTYPE html&...
Program 【HTML】code要素の使い方【プログラムなどのコードであることを示します】
code要素を使うことで、プログラムなどのコードであることを示します。
code要素の基本的な使い方
まず、次のプログラムと、ブラウザの表示結果を見てください。
<!DOCTYPE html>
<h...