Program 【HTML】main要素の使い方【HTML文書のメインコンテンツを示します】 HTML文書のメインコンテンツは、main要素でマークアップしましょう。 main要素の使い方 以下のプログラムと、ブラウザの表示結果を見てください。 <!DOCTYPE html> <html&g... 2022.12.01 Program
Program 【HTML】hr要素の使い方【段落の区切りを表します】 hr要素を使えば、文章(段落)の区切りを示すことができます。 hr要素の使い方 以下のプログラムと、ブラウザの表示結果を見てください。 <!DOCTYPE html> <html> <h... 2022.11.30 Program
Program 【HTML】pre要素の使い方【テキストのスペースや改行をそのまま表示します】 pre要素を使えば、テキストのスペースや改行をそのまま表示できます。 pre要素の基本的な使い方 まず、以下のプログラムと、ブラウザの表示結果を見てください。 <!DOCTYPE html> <ht... 2022.11.29 Program
Program 【HTML】blockquote要素の使い方【引用文であることを示します】 長い文章を引用するときは、blockquote要素を使いましょう。 blockquote要素の使い方 以下のプログラムと、ブラウザの表示結果を見てください。 <!DOCTYPE html> <htm... 2022.11.28 Program
Program 【HTML】dl要素、dt要素、dd要素の使い方【用語の定義や説明のリストを表示する】 用語の定義や説明は、dl要素、dt要素、dd要素を使って表しましょう。 dl要素、dt要素、dd要素の使い方 以下のプログラムと、ブラウザでの表示結果を見てください。 <!DOCTYPE html> &l... 2022.11.24 Program
Program 【HTML】ul要素、li要素の使い方【順序のないリストを表します】 順序のないリストは、ul要素とli要素を使って表しましょう。 ul要素とli要素の使い方 以下のプログラムと、ブラウザでの表示結果を見てください。 <!DOCTYPE html> <html>... 2022.11.23 Program
Program 【HTML】ol要素、li要素の使い方【順序のあるリストを表します】 順序のあるリストは、ol要素とli要素を使って表しましょう。 ol要素とli要素の基本的な使い方 まずは、以下のプログラムと、ブラウザでの表示結果を見てください。 <!DOCTYPE html> <... 2022.11.22 Program
Program 【HTML】p要素の使い方【文書内のテキスト段落を表します】 テキストは、p要素を使って段落ごとに記載していきましょう。 p要素の基本的な使い方 まずは、以下のプログラムと、ブラウザでの表示結果を見てください。 <!DOCTYPE html> <html>... 2022.11.21 Program
Program 【HTML】h1、h2、h3、h4、h5、h6要素の使い方【見出しを表します】 記事の中の見出しは、h1〜h6要素を使って表しましょう。 h1、h2、h3、h4、h5、h6要素の基本的な使い方 以下のプログラムと、ブラウザでの表示結果を見てください。 <!DOCTYPE html> ... 2022.11.17 Program
Program 【HTML】アウトラインとは【HTML文書の階層構造を意味します】 HTML5では、階層構造を意識してHTML文書を記述していきましょう。 「アウトライン」とは 以下のプログラムと、ブラウザでの表示結果を見てください。 <!DOCTYPE html> <html&g... 2022.11.16 Program