htmlスイスイ〜

基礎編 / 教科書表2

基礎編 - 目次
　

Contents - 1
　
　

予備知識 A - P.1 / 予備知識 B - P.2 / 予備知識 C - P.3 / HTMLとは - P.4 / 見出し / 段落 / コメント - P.6 / フォント - P.8 / 文字(テキスト) - P.10 / マーキー - P.12 / ボディ - P.14 / リスト - P.16 / テーブル - P.18 / ブロック・レベル・エレメント / インライン・エレメント - P.20 / URL / パス / リフレッシュ - P.22 / .html ファイルの作成 / 保存 - P.24

基礎編 - 1〜3 ページ

予備知識
A B C

■この教科書の使い方
■言語と文字コード

■改行の法則
　

A : この教科書の使い方 / 学習の手順　 → 　① 教科書を読む ( PDFファイルをダウンロードも可). 　→ 　② 動画を閲覧する・・・・・
B : 文字コードについて / 日頃, 私たちが使用しているPCやスマート・フォンなどはデジタル機器ですが, こういった器械は全てのデータを数値でしか扱えません.・・・・・
C : 改行の法則 / 改行コードが無視されることの説明・・・・・

基礎編 - 4 ページ

HTMLとは
　

「＜ ( 小なり ) の仕組み」
「HTMLの歴史」
「HTMLの標準ルール」
　

HTML ( エイチ・ティー・エム・エル / Hyper Text Markup Language) とは, ハイパーテキストを記述するためのマークアップ言語の1つで, 主に World Wide Web ( WWW )上でWEBサイト ( ホームページ )を作るために利用されています. ＜　＞のように括弧(かっこ)で括(くく)られた部分を「タグ ( tag ) 」と呼び,「開始タグ ( start tag ) 」と「終了タグ ( end tag ) 」で挟み込むことを「マークアップする」と言います. つまり,・・・・・

基礎編 - 6ページ

ヘディング /
パラグラフ&ブロッククォート /
コメント・アウト　

「ヘディングとは」
「パラグラフとは /
　ブロッククォートとは」
「コメント・アウトとは」

新聞や雑誌の場合, 「大見出し」とは記事の内容に対する標題のことになりますが, HTMLの＜タグ・ルール＞においての「大見出し」とはページのトップに大きく表示されるタイトル部分のことになります ( HTMLのソース・コードに記述する＜title＞はブラウザのタブ・バーに表示される文字列のことで, ページ内には表示されません).

基礎編 - 8ページ

フォント
attribute="value" / size / color / face

「フォント・サイズ」
「フォント・カラー」
「欧文フォント /
　和文フォント」
　

＜fontタグ＞には attribute="value" の情報が必要です. attribute とは「属性」 / value は「値」
■フォント・サイズは 1 〜7 までの7種類 ( 通常は3 ) が用意されています.

基礎編 - 10ページ

文字(テキスト)

「文字のスタイル」
「文字の装飾 / ルビ /
　スーパースクリプト・
　テキスト /
　サブスクリプト・テキスト
　の設定方法」
「プレ・フォーマッティド・
　テキスト」

説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章

基礎編 - 12ページ

マーキー

「マーキーとは」
「マーキーの種類」
「マーキーのスピード」
　

説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章

基礎編 - 14ページ

ボディ

「ボディ・サイズ」
「ボディ・カラー」
「バックグラウンド /
　マージン /
　スクロール・バー」

説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章

基礎編 - 16ページ

リスト

「オーダード・リスト」
「アンオーダード・リスト」
「ディフィニション・
　リスト」

unordered list　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章

基礎編 - 18ページ

テーブル

「テーブルとは」
「テーブル・カラー /
　テーブル・ボーダー
　の指定方法」
「コルスパン /
　ロースパンの
　指定方法」

説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章

基礎編 - 20ページ

ブロック・レベル・エレメント / インライン・エレメント

「ブロック・レベル・
　エレメントとは」
「インライン・
　エレメントとは」
「エレメントの新しい定義」

説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章

基礎編 - 22ページ

URL /パス / リフレッシュ

「URLとは」
「絶対パスと相対パス」
「リフレッシュの設定方法」
　

absolute path / relative path

基礎編 - 24ページ

..htmlファイルの
作成 / 保存

「 .htmlファイルの作成」
「 .htmlファイルの保存」
「テンプレート・ファイル
　の活用方法」

説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章

基礎編 / 教科書表3

記号の読み方

@ / ! / " / # / $
% / & / ' - ) - ) - =

説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章　説明の文章

応用編 / 教科書表2

応用編 - 目次

Contents - 2
　
　
　

予備知識 D - P.1 / 予備知識 E - P.2 / 予備知識 F - P.3 / ヘッダ - P.4 / ボディ内の構造 - P.6 / ボディ内の領域 - P.8 / フレーム / インライン・フレーム / オブジェクト - P.10 / カラー・モデル - P.12 / イメージ・ファイル & クリッカブル・マップ / キャンバス / SVGファイル - P.14 / ビデオ・ファイル / オーディオ・ファイル / トラック - P.16 / アンカー(リンク) / メール / ダウンロード - P.18 / フォーム / インプット / アウトプット - P.20 / 必要な知識 - P.22 / 必要なツール - P.24