共通ラベル2
2912 ワード
1.
- ,
- および
- ラベル
Webページを閲覧すると、ニュースリスト、ピクチャリストなど、Webページに多くの情報のリストがあります.これらのリストはul-liラベルを使用して完成することができます.
ul-liは前後順のない情報リストです.
構文:<ul> <li> </li> <li> </li> ...... </ul>
ul-liのWebページに表示されるデフォルトのスタイルは、一般的に、各liの前に円点が付いています.
ウェブページに前後順の情報リストを表示したい場合は、ネット上の書籍のヒットランキングなどです.このような情報展示は<ol>
ラベルを用いてシーケンステーブルを作成して展示することができる.
構文:<ol> <li> </li> <li> </li> ...... </ol>
<ol>
Webページに表示されるデフォルトのスタイルは、一般的に、各項目<li>
前に1つの番号が付いており、番号のデフォルトは1
から始まる.
二.ラベル
ページ作成の過程で、いくつかの独立した論理部分を区分して、1つの<div>
ラベルの中に置くことができて、このラベルの作用は1つの容器に相当します.
構文:<div>…</div>
論理セクションの決定:
論理部分とは?ページに関連付けられた要素のセットです.Webページの独立したコラムブロックのように、典型的な論理部分です.下図に示すように、図中の赤い枠で示された部分が論理部分であり、<div>
ラベルを容器として使用することができる.
私たちはいくつかのラベルをに入れて、独立した論理部分を分けました.論理をより明確にするために、私たちはこの独立した論理部分に名前を設定することができます.id
属性で<div>
唯一の名前を提供します.これは私たち一人一人が身分証明書番号を持っているように、この身分証明書番号は私たちの身分を唯一識別し、唯一でなければなりません.
構文:<div id=" ">…</div>
三.ラベル
テーブルを作成する4つの要素:table、tbody、tr、th、td
1、……
:表全体が
<table>
タグで始まり</table>
タグで終わる.
2、……:表の内容が非常に多い場合、表はダウンロードして少し表示されますが、ラベルを付けると、この表は表の内容がすべてダウンロードされてから表示されます.右側のコードエディタのコードのように.
3、......:表の1行なので、tr表が何対かあると数行あります.
4、……:表の1つのセルで、1行に数対<td>...</td>
が含まれており、1行に数列あることを示しています.
5、……:表の頭のセル、表の頭.
6、表の列の数は、1行のデータ・セルの数によって異なります.
例:
>クラス 学生数 平均成績 一クラス 30 89 二クラス 35 85 三クラス 32 80
注意:1、tableテーブルcssスタイルを追加する前に、ブラウザにテーブルラインが表示されない
2、ヘッダー、すなわちthラベルのテキストはデフォルトで太字で中央に表示される
Tableテーブルは、cssスタイルを追加する前に、枠線がありません.これにより、後でセルの知識点をマージするのに不便なので、表にスタイルを追加し、枠線を追加します.<style type="text/css"> table tr td,th{border:1px solid #000;}</style>
上記のコードはcssスタイルコード(後述)で、の間に付けてth
td
セルに太さが1画素の黒い枠を追加します.
四.ラベル、表のタイトルと要約の追加
表には、タイトルとサマリーを追加するためにラベルを追加する必要があります.
サマリ
要約の内容はブラウザに表示されません.その役割は、テーブルの可読性(意味化)を高め、検索エンジンがテーブルの内容をよりよく読み取ることができ、スクリーンリーダーが特殊なユーザーがテーブルの内容を読み取るのをよりよく助けることができるようにすることです.
文法:<table summary=" ">
見出し
表の内容を説明するために使用され、タイトルの表示位置:表の上.
構文:<table summary=""> <caption> </caption> <tr> <td>…</td> <td>…</td> … </tr> … </table>