2.26Xiaobaiフロントエンド学習日記

****

2.26学習の概要

**1。絶対パスと相対
パスパス：現在のファイル（htmlファイル）と他のファイルとの位置関係
絶対パス：ファイルが最初から表示されるパスを計算します。
例：http：//www.baidu.comまたはC:\xampp\htdocs
相対パス.は、現在のディレクトリを表します。

• 相対パス..は、現在のディレクトリの親ディレクトリを表します。

• タグ：指定されたドキュメントへのリンク。

• href属性：ジャンプ先のページのアドレス。値は絶対パスまたは相対パスにすることができます。

• 注意：

1. ディレクトリの大文字と小文字の問題：パスを記述したい場合、サーバーポートがウィンドウの下にある場合は大文字と小文字を区別せず、Linuxでは厳密に大文字と小文字を区別します。（ディレクトリが大文字の場合は大文字を使用でき、ディレクトリは小文字であるため、小文字を使用する必要があります。）../Path/1.txt
2. href属性値のローカル絶対パスを書き込まないでください。ローカル絶対パスはファイルプロトコルを使用し、ファイルプロトコルはネットワークを通過しないローカルプロトコルです。
3. 値がWebサイトの絶対パスである場合は、追加するhttp://かhttps://（つまり、契約を追加します）、そうでない場合は、HTMLファイルの特定のフォルダーのコンテンツを検索します。
4. リンクは、HTMLファイルまたは他の場所（例：写真）にリンクできます。

• targetプロパティ：リンクをクリックした後に開く場所。

  • _blank、新しいウィンドウで開きます。
  • _self、このウィンドウで開きます（デフォルト）。
  • 自定义名字。

アンカーポイント：URLフラグメント識別子。指定されたリソースのサブリソースを要求し、指定されたリンクがクリックされたときに指定された場所にジャンプします。
マークブロック

<a href="#标记名">标记链接</a>

注意：

1. 2番目のステップでリンクをマークするときは、#記号を追加する必要があります。
2. 2番目のステップは、ブロックと同じ名前でリンクをマークすることです。
3. ページを作成するときに、リンク先がわからない場合があるため、現時点では、#番号を直接使用して、これが空のリンクであることを示すことができます。<a href="#">空链接</a>
4. 順序付けられていないリスト（順序：順序）

• 順序付けされていないリストは、でul标签表され、リスト内の特定のアイテムが含まれます。

• 各項目は、<li>を表すために使用されます。

• 各アイテムに<li>は他のタグを含めることができます。

• 注文リスト

  • olは順序付きリストを意味します。
  • 各アイテムを表すには、各olでliを使用します。

• 定義リスト：プロジェクトの説明とプロジェクトの説明で構成されます。

  • <dl>定義リストを定義する
  • <dt>、リスト内のアイテムを定義します（テーマ）
  • <dd>リスト内のアイテムを説明します。

  dlにはdtとddのみを含めることができ、dtとddには他のタグを含めることができます。
  フォーム
  フォームは、Excelと同様に、データの表示に使用されます。
  <table>タグ：ブラウザ<table>と</table>テーブル間のコンテンツが属することを伝えます。

  • border属性：フレーム。
  • cellspacing属性：セル間の距離を制御します。

• <caption>ラベル：テーブルにタイトルを追加します（オプション）。

• <thead>ラベル：テーブルにヘッダーを追加します（オプション）。

• <tbody>ラベル：フォームの主要部分（必須）。

  注：書いていない時にコードを書く多くのプログラマはthead、tbody、tfoot書き込みをすることができますが、あなたは書いていない場合でもtbody、彼は必須ブラウザが自動的に説明する時間が追加されますですので。

• <tfoot>ラベル：表の脚注部分（オプション）。

注意：

1. thead、tbody、およびtfootのデータの各行に<tr>タグを使用します。
2. ヘッダーのtrのセルは<th>ラベルを使用します。
3. tbodyとtfootのtrのセルは<td>ラベルを使用します。

html标签
<em>-----字体倾斜-----<i>
<strong>-------字体加粗-----<b>
<small>-----使标签内的内容更小
<big>-----使标签内的内容更大
<cite>----加书名号的内容，表示参考内容
<q>------表示短引用。可以默认给文字加引号
<blockquote>----表示长引用，是块元素，独占一行。
<sup>-----上标
<sub>-----下标
<ins>----插入内容，插入的内容底下会有个下划线----<u>
<del>----删除线-------<s>
<pre>----预格式标签，他会让我们的代码格式保存，不会忽略多个空格。格式保存
<code>----专门表示代码的，但他不会保留格式。一般和pre一起使用
<ul>---无序列表----<il>代表项
--type属性可以修改无序列表的项目符号，可选值：disc(默认值-圆点)，square(方块),circle(空心圆圈)
<ol>---有序列表----<li>代表项
<dl>----自定义列表----<dt>代表标题----<dl>代表解释标题----<dl>处只能有dt和dl，dt和dl可以有其他标签

テーブルclospanのいくつかの便利なプロパティ----
セルスパンをrowspanにする---- cross row
border：1px solid; border solid line
border-collapse：collapse; ---- border merge
margin：0auto ;-ブロック要素アダプテーションレベルから
中央揃えtext-align：center; —テキスト中央揃え