今日はLeByteで勉強する3日目です

今日は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>

時間があっという間に過ぎて、今日の勉強時間は終わりに近づいています。今夜はぐっすり眠って、明日の勉強の準備をしてください!

おすすめ

転載: blog.51cto.com/14965638/2542789