大見出しはh1で、一つのページで一回しか使わない

文章を書いて、段落を作るよ。ソースファイルは"Ctrl"+"U"で見られるよ。そちらも確認しながら見てみてください。

• "<>"に囲まれたものをタグという。
• 改行ではbrを使う
• divとspanでまとまりごとにデザインを変えることができるらしい。同様のことが、classとid指定によってもできる。
  タグ名 class="クラス名"
  タグ名　id = "id名"等
  id, classのデザイン指定はCSSにて。
• divはblock要素、spanはinline要素という。
• "a href="リンク先URL""でこうやって、サビアンシンボルへのリンクも作ることができる。
• "img src="画像リンク""で画像を張り付けることができる。

リストの書き方

ulを使うと、箇条書きになるよ

• 一つ目の項目
• 二つ目の項目
• 三つ目の項目

olを使うと、数字付の箇条書き

1. 一つ目の項目
2. 二つ目の項目
3. 三つ目の項目

• "link rel="stylesheet" href="ファイル名.css""をheadの中に書いて、外部CSSを読み込むことができるよ。
  それが一番わかりやすいかもしれない。
• "@import url("ファイル名.css");"と書けば、別の外部cssを読み込むことができる。UTF-8指定の後に書く。
• CSSの指定は、
  セレクタ(どこの){
  プロパティ-(何を):値(どんなふうに)
  }
  変えるか、という指定をする。
  セレクタはhtmlの各要素(p,body,h1など)
  プロパティーはcolor(文字色)、font-size(文字の大きさ)、border(線)やbackground-color(背景色)とか。
  値は具体てな色の指定など。
• "#id名{~}"でデザインidを指定できる。
  htmlではidデザインは一回しか適用できないけど、CSSflileの方で"#id名,セレクタ1、セレクタ2,"のような形で複数指定できることをお忘れなく。
  ".class名{~}"でデザインクラスを指定できる。
• 色指定は、カラーコードか色の名前でする。RGB指定もできるけど、正確にはRGB「A：透明度」まで一緒に指定
• processingと同じで、"セレクタ{text-align:left,centerやright}"と文字の表示場所、大きさはpx(そのままの大きさ)かem(現在の文字の大きさからの倍率)で指定可能
• CSSは基本的に　"インライン>head内のstyle>外部CSS"　の順番に優先される
• "border:solid(実線) 1px(大きさ) black(色)"って感じで指定して線を引ける。
  solidは実線、dottedは点線、dashedは破線、doubleは二重線指定
  線を引く場所は、border-場所(top,bottom,right,left)という感じで一つずつ指定できる。
• CSSのコメントアウトはprocessingと全く同じ、"/**/"でできる。

• displayにはブロック要素(行)とインライン(inline)要素が存在する。
  ブロック要素は例えば、h1,h2、pタグやdivなどのタグが挙げられる。幅や高さを指定することができる。上下の余白も指定できる。ただし、テキスト位置(text-align,vertical-align)は設定できない。
  インライン要素は例えば、spanタグやimgタグのこと。インライン要素はブロック要素の中で使われることが多く、幅や高さを指定することはできない。上下の余白も設定できないが、テキスト位置は指定することができる。
• 上下の余白の指定の仕方。文章に使えば行間指示になる。
  1. 要素に対する内側の余白をpadding,
  2. 要素に対する外側の余白をmargine
  として指定する。
• 各要素には、block要素・inline要素・inline-block要素か、デフォルトが決まっていて、文の途中でリンク先を張り付けたりして互換することができる。
• CSSでは各要素のポジションを決められる。
  (セレクタ名)position:形態(static,relative,absolute,fixed);
  基準(top,left,right,bottom):px指定
  で決められる。
  横の目次はfixedを用いている。fixedは画面に対する位置を指定する。
• スマホなどで画面を見る場合、パソコン用のサイズ指定では画面が大きすぎたり小さすぎたり何かと不便なこともある。この時、max-widthやmin-widthなどで大きさの最大値を指定しておくと、より見やすくすることができる。widthは横サイズの指定であり、maxやminを指定したことによってデザインが崩れてしまう場合には、height指定をauto(自動)にしておくと、縦横のサイズ感が保たれる。らしい。
• fontを変える方法は、サルワカ氏のこの記事を参照したよ
  fontは、font-familiyというセレクタで'font名'を指定していく。
  font-family:'font1','font2','font3'....
  fontは使っているosが違うと使えるfontが異なるなど、色々面倒が起こるので通常何個か一度に指定しておく。fontは、前に書いてあるfontから採用されていく。英語のfontは日本語を表現することができないので、前に英語のfont,後ろに日本語のfontを指定する。
• bodyタグのbackgroundをグラデーションに変える方法は、サルワカ氏のこの記事を参照したよ。

表

サルワカ氏の記事
:基礎的なことが丁寧に説明されていると思う

セル幅調整参考記事１

セル幅調整参考記事２

実はちょっとセル幅調整にてこずった。width:100pxみたいな感じじゃなくて、親要素tableのwidthに対する%でセル幅を調整し、書き方もwidth="何とか％"で少しstyle指定とは違うから。