HTML タグの使用法 - テキスト、リスト、テーブル、hyperlink_html/css_WEB-ITnose

Html内容

1.   Html就是超文本标记语言的简写，是最基础的网页语言。

2.   Html是通过标签来定义的语言，代码都是由标签所组成。

3.   Html代码不用区分大小写。

4.   Html代码由开始结束。里面由头部分和体部分两部分组成。

5.   头部分是给Html页面增加一些辅助或者属性信息，它里面的内容会最先加载。

6.   体部分是真正存放页面数据的地方。

 

l  多数标签都是有开始标签和结束标签，其中有个别标签因为只有单一功能，或者没有要修饰的内容可以在标签内结束。

l  想要对被标签修饰的内容进行更丰富的操作，就用到了标签中的属性，通过对属性值的改变，增加了更多的效果选择。

l  属性与属性值之间用“=”连接，属性值可以用双引号或单引号或者不用引号，一般都会用双引号。或公司规定书写规范。

l  格式：<标签名属性名=’属性值’>数据内容

<标签名属性名=’属性值’/>

操作思想：

    为了数据操作都需要将数据进行不同标签的封装，通过标签中的属性对封装的数据进行操作。标签就详单与容器。对容器中的数据进行操作，就是在不断地改变容器中的属性值。

 

常用标签的使用

字  体

1.   字体标签：

例：字体标签示例

注：简单颜色可是直接写对应的英文，复杂颜色用16进制表示，表现形式#FF0000两个数为一组，按红，绿，蓝排列，如：#00FF00表示绿色。建议用工具选取。

2.   标题标签：

…..

因为标题是文本中常用的内容，为了方便操作而定义的。其实就是某个字号和粗体的组合。

3.   特殊字符：

如果要在网页上显示一些特殊符号，比如< > & 等。因为这些符号在代码中会被浏览器识别并解释，所以用一些特殊的方式来表示。

<	<	>	>	&	&
"	“	®	®	©	©
™	?		空格

注：在Dreamweaver8中都具有联想功能。

🎝 4.

タグのリスト:

: 上位レベルのプロジェクト

: 下位レベルのプロジェクト

例:

lt;dd>緊急警報 dl> ;リスト内の箇条書きに対応するラベル

: 数値ラベル (a A 1 i I)

効果:

: シンボル ラベル (○●■)
• : 特定のプロジェクト コンテンツ タグ。このタグは
  でのみ有効です。

  画像で表される黒い点など、より良いリストを作成したい場合は、type 属性を通じて箇条書きを変更します。

  Picture Like

  5.

  画像タグ

  :

  例:

  align: 属性は画像の配置を定義し、border は画像の境界線を設定するために使用されます。 Src ファイルを接続します

  6.

  画像マップ

  ：

  用途: 画像の特定の部分を接続とし​​て選択したい場合。例: 中国の地図上の各省に対応するエリア。

  map タグは img タグと組み合わせて使用​​する必要があります。 Href はハイパーリンクです

  

7. テーブルタグ

セルラベル: 2. 位置決めマーク Web ページのコンテンツが長すぎる場合、位置決めマークはスクロール バーをドラッグするよりも便利で高速です。 マーク位置

…….

テーブル

: <テーブル>

構成: タイトルタグ: < caption> は、表のタイトルを提供します。

ヘッダー タグ:

、通常は表の最初の行または列を書式設定し、太字で表示されます。一般的には使用されません。

行ラベル:

、行ラベル内にロードします。最初に行があり、その行にセルが追加されると単純に理解できます。

形式:

表のタイトル

名前	年齢< /th>	;23

効果:

張三	23

効果:

各テーブルには、テーブルヘッダー、テーブルフッター、および THEAD、TFOOT、および TBODY で表される 1 つ以上のテーブル本体 (つまり、テキスト) を含めることができます。それぞれの要素。

THEAD、TFOOT にはテーブル列に関する情報が含まれます。

TBODY の機能は、テーブルのダウンロードを個別の行で制御し、それによってダウンロード速度を向上させることです。 (Web ページは、テーブルの内容がすべてダウンロードされてから表示されます。ブランチ ダウンロードの場合、コンテンツの一部を最初に表示できるため、ユーザーの待ち時間が短縮されます。)

TBODY を使用する目的は、これらの含まれるコードを有効にするには、解析後にテーブル全体をまとめて表示する必要はありません。つまり、複数の行がある場合、TBODY 行が取得されたら、最初に 1 行を表示できます。

TBODY このタグは、テーブルのコンテンツが大きい場合に、ブランチのダウンロードが必要な場合に、より実用的です。

スーパーリンク

8.

ハイパーリンクタグ:

2 つの用途:

1。 lt;a href=””>

例:

Sina

注: 位置決めタグを効果的にするには、ハイパーリンクと組み合わせて使用​​する必要があります。 例: