スタートアップ研修記

muroiです。
最近はemacsのカスタマイズにハマっています。色々やって少しずつ自分の使いやすいエディタにしていきたいです。
その前にまずエラーみたいのをなんとかせねば・・・。毎回起動すると変なメッセージみたいなものが出るようになってしまいました。ファイルを開く事ができないとかどうとかみたいで・・、すぐ消えてしまうので読めません。きっと配置が間違ってるとかなんでしょうけど。

さて今日はHTMLのテーブルタグについて学習しました。
以下内容

今日は昨日の内容に引き続き、テーブルの要素についてです。
学習したタグリスト

• <colgroup>要素
• <col>要素
• <thead>要素
• <tbody>要素
• <thoot>要素

---

●<colgroup>要素

要素についての説明は前回の内容に書いてあるので、属性の説明から。
span属性を指定してやることにより、グループ化する列を決めることができます。またvalign属性で、列内の位置を指定する事ができますが、ブラウザによっては動作しない可能性があるそうです。
他にも、char align、charoff align属性がありますが、現在のところこの２つは未実装となっております。

---

●<col>要素

これは<colgroup>要素内で記述し、各列に対して定義する事ができます。制限事項等はとくにありません。また属性は<colgroup>要素と同じものが使えます。

---

●<thead>要素

これは表のヘッダを指定する際に使用します。
例:項目名などに利用するので最適です。制限事項として、内部に<tr>要素のみを含む事ができ、<tr>を必ず含まなければなりません。
属性にはalign属性、valign属性があり、共に位置を指定するのに利用します。

---

●<tbody>要素

これは表の本文を指定するために使用されます。この要素の制限事項は、<thead>要素と<thoot>要素がない時に限り省略が可能となり、内部に<tr>要素のみを含む事ができ、<tr>を必ず含まなければなりません。また属性については、<thead>要素と同じになります。

---

●<thoot>要素

これはフッダを指定する際に使用します。この要素は、上記２つの要素が存在していても省略する事は可能でありますが、後からソースコードを編集する事を考えて、なるべく宣言はしておいたほうがいいかもしれません。
制限事項として、内部に<tr>要素のみを含む事ができ、<tr>を必ず含まなければなりません。
属性については<thead>要素と同じものが利用可能となります。

---

今回である程度のテーブルについてのタグが学習できたので、次回のHTMLの研修の後にはやっとテーブルが書けるようになると思います。
テーブルについては、他のタグに比べ要素や属性が多くあったので覚えるのが大変でした。
少しずつでも覚えていきながらちゃんとしたテーブルが書けるよう頑張りたいと思います。

●授業内容動画