今日はLeByteEducationでの勉強の3日目です。今日のメインコンテンツは、dic、span、フォーマットタグ、およびHTMLとCSSのタグです。
divとspan
div
<div>はブロックレベルの要素であり、通常、レイアウトのためにcssと組み合わせて使用されます。
<div>タグは、ドキュメントを独立した異なる部分に分割できます。厳密な編成ツールとして使用でき、関連する形式は使用しません。
<div>はブロックレベルの要素です。これは、そのコンテンツが自動的に新しい行を開始することを意味します。実際、<div>に固有のフォーマットは行の折り返しだけです。<div>のクラスまたはIDを介して、追加のスタイルを適用できます。
<div>content</div>
共通の属性
属性 | 値 | 説明 |
---|---|---|
整列 | 左、右、中央 | div要素のコンテンツの配置を指定します。これは、将来スタイルに置き換えることができます。 |
スパン
<span>タグは、ドキュメント内のインライン要素を組み合わせるために使用され、spanには固定形式はありません。スタイルを適用すると、視覚的に変化します。
<span>content</span>
タグのフォーマット
フォント
テキストのフォント、フォントサイズ、フォントの色を指定します
プレ
事前にフォーマットされたテキストを定義します。pre要素で囲まれたテキストは、通常、スペースと新しい行を保持します。また、テキストはモノスペースフォントでレンダリングされます
テキストラベル
**<b>**(粗文本)、**<i>**(斜体文本)、**<u>**(下划线文本)、
<Del>(下線付きテキスト)、 <Sub>(添え字テキスト)、 <SUP>(上付きテキスト)
タグ
<a>タグは、あるページから別のページにリンクするために使用されるハイパーリンクを定義します。
<a>要素の最も重要な属性はhref属性であり、リンクのターゲットの場所を示します。同時に、href属性はありません。タグのコンテンツは通常のテキストと同じであり、ハイパーリンク機能は失われます。
現在のページにジャンプする場合、hrefの値は#です。別のターゲット(ターゲット属性)を指定しない限り、リンクされたページは通常、現在のブラウザーウィンドウに表示されます。
<a href="http://www.baidu.com">百度</a>
共通の属性
属性 | 値 | 説明 |
---|---|---|
href | URL | 接続がジャンプする場所は、別のページまたは現在のページである可能性があります。 |
目標 | アンカーのタグの名前値としての_blank <br> _parent <br> self <br> top <br>フレーム名 | リンクされたドキュメントを開く場所を指定します。<br> _blank:新しいページを開いてページを表示します。<br> _self:現在のページが表示され、デフォルト値のページにジャンプします。<br> _top:フレームセットレイアウトのページに使用され、ページ表示全体をカバーしたい。<br>フレーム名:ここでのフレーム名は上記の値とは異なります。フレームの特定の名前が優先されます。この値は、接続するページがジャンプ後に対応する名前のフレームに表示されることを示します。 |
アンカーポイントの実現
タグのname属性を使用します:
<a name="top"></a>
一般的なタグのid属性:div id = ""、id = ""など:
<div id="top"></div>、<a id="top"></a>
アンカーポイントの配置
<a href="#top">返回首部</a>
時間があっという間に過ぎて、今日の勉強時間は終わりに近づいています。今夜はぐっすり眠って、明日の勉強の準備をしてください!