Program 【HTML】main要素の使い方【HTML文書のメインコンテンツを示します】
HTML文書のメインコンテンツは、main要素でマークアップしましょう。
main要素の使い方
以下のプログラムと、ブラウザの表示結果を見てください。
<!DOCTYPE html>
<html&g...
Program 
Program 【HTML】hr要素の使い方【段落の区切りを表します】
hr要素を使えば、文章（段落）の区切りを示すことができます。
hr要素の使い方
以下のプログラムと、ブラウザの表示結果を見てください。
<!DOCTYPE html>
<html>
<h...
Program 【HTML】pre要素の使い方【テキストのスペースや改行をそのまま表示します】
pre要素を使えば、テキストのスペースや改行をそのまま表示できます。
pre要素の基本的な使い方
まず、以下のプログラムと、ブラウザの表示結果を見てください。
<!DOCTYPE html>
<ht...
Program 【HTML】blockquote要素の使い方【引用文であることを示します】
長い文章を引用するときは、blockquote要素を使いましょう。
blockquote要素の使い方
以下のプログラムと、ブラウザの表示結果を見てください。
<!DOCTYPE html>
<htm...
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...