ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML-ネットワークプログラミング(2)_html/css_WEB-ITnose

HTML-ネットワークプログラミング(2)_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:17:19
オリジナル
1107 人が閲覧しました

はじめに

前回の HTML ネットワーク プログラミング 1) から学びましょう~~~

色の表現

コンピューターのモニターでは、赤、緑、青の 3 色が使用されます。色の種類も豊富で、16、256、65536などがあります。これら 3 つの色にそれぞれ 0 から 255 までの番号を付け、16 進数で表現します。赤 (rr) は 00 から ff の範囲で、緑 (gg) と青 (bb) の色も同様です。 3 つの色表現の合計は rrggbb です。このように、色は、色に含まれる赤、緑、青の成分の度合いによって数値で表すことができます。例: 黒は 000000、白は ffffff、ダークグリーンは 008040、ダークグレーは 808080 などです。 HTML では、この方法で色を指定できます。

颜 色 名 称 颜 色 名 称Black   黑   Red 红White   白   Fuchsia 洋红Navy    深蓝  Maroon  棕Blue    蓝   Purple  紫Aqua    浅蓝  Green   绿Teal    靛   Olive   橄榄色Silver  银灰(浅灰)  Lime    柠檬绿Gray    灰   Yellow  黄
ログイン後にコピー

文字の色

bodyの属性では、以下の属性を使用して文字の色を変更できます。

テキスト属性

       该属性用来设置文本的颜色。该“文本”可以是标题、正文及表中的文字,但不能用于超链接的文字。使用格式为:<text=#rrggbb>
ログイン後にコピー

vlink属性

将文档中已被访问的链接颜色设置颜色:设置鼠标点过超链接文字时,该链接文字的颜色,默认为红色,使用格式为:<vlink=#rrggbb>
ログイン後にコピー

alink属性

设置超链接文字颜色,该链接文字的颜色,默认为红色,使用格式为:<alink=#rrggbb>
ログイン後にコピー

タグの色属性

以上几种属性所都是指定整个网页中某一类文字的色彩,用<font>标记的color属性可指定任意一段文字的色彩。<font color=#rrggbb> 
ログイン後にコピー

テーブルの背景色

<table>标记的bgcolor属性用来指定整个表格的背景颜色,使用格式为:<table bgcolor=#rrggbb>
ログイン後にコピー
<td>标记的bgcolor属性用来指定表格中一行的背景颜色,使用格式为:<td bgcolor=#rrggbb>
ログイン後にコピー
<th>标记的bgcolor属性用来指定表格中栏目行的背景颜色,使用格式为:<th bgcolor=#rrggbb>
ログイン後にコピー
<hr>标记的color属性用来指定分隔线的颜色,使用格式为:<hr color=#rrggbb />
ログイン後にコピー
<font>标记的face和color属性指定字体与颜色,格式:<font face=“字体名” color=#rrggbb >
ログイン後にコピー
ハイパーテキストリンク

ハイパーテキストリンクWeb ページ A の 1 つです非常に重要な機能であり、Web ページの最も重要かつ基本的な要素の 1 つです。リンクを通じて、ある Web ページから別の Web ページに、またはある Web サイトから別の Web サイトに移動できます。これは、人間のジャンプ思考スタイルと一致しています。リンク ロゴには、テキストとグラフィックの 2 種類があります。リンク ボタンとして絶妙なグラフィックを作成し、Web ページ全体と統合することができます。

いわゆるハイパーテキスト リンクは、Web ページからターゲットへの接続関係を指します。このターゲットは、別の Web ページ、同じ Web ページ上の別の場所、または写真、電子メール アドレスなどの場合があります。またはファイル、さらにはアプリでも構いません。
Web ページ内のハイパーテキスト リンクに使用されるオブジェクトは、テキストまたは画像の一部です。閲覧者がリンクされたテキストまたは画像をクリックすると、リンク ターゲットがブラウザ上に表示され、ターゲットの種類に基づいて開かれるか実行されます。

☆ページリンク

用HTML创建超文本链接需要使用<A>标记符(结束标记符</A>不能省略),它的最基本属性是href,用于指定超文本链接的目标。通过为href指定不同的值,可以创建出不同类型的超链接。在HTML文件中用链接指针指向一个目标。其基本格式为:<a href = "…">标记超文本链接信息</a>
ログイン後にコピー

☆ローカルリンク

超文本链接指向自己的计算机中的某一个文件,叫本地链接。在文件中需要创建一个标签(即做一个记号),为页面中需要跳转到的位置命名。命名时应使用<A>标记符的name属性。格式如下:<a name="标签名">此处创建了一个标签</a>
ログイン後にコピー

☆メールリンク

ユーザーが Web ページ上のリンクからクライアントのメール送信ツールを直接開いてメールを送信できるようにする場合は、メールリンクをWeb ページの機能。この機能を実装するために必要なのは、リンク タグに mailto 値を挿入することだけです。例:
管理者メールボックス

画像
☆图像标签:<img> 
ログイン後にコピー
属性说明:    src:连接一个文件    align:属性定义图片的排列方式    border用来设置图像的边框    height和width为显示的高宽。
ログイン後にコピー
☆图像地图:<map> 
ログイン後にコピー
    应用:当要在图像中选取某一部分作为连接的时候。如:中国地图每个省所对应的区域。
ログイン後にコピー
<img src="Sunset.jpg" alt="图片说明文字" usemap="#map" /><map >    <area shape="rect" coords="50,59,116,104" href="1.html" />    <area shape="circle" coords="118,203,40" href="2.html" /></map>
ログイン後にコピー
フレーム
☆框架标签:<frameset> 框架标签不可以放到<body>中 <frameset rows="10%,*">  <frame src="1.html" name="top" />  <frameset cols="30%,*">    <frame src="2.html" name="left" />    <frame src="3.html" name="right" />  </frameset></frameset> 
ログイン後にコピー
☆画中画标签:<iframe> 
ログイン後にコピー

frameset タグはウィンドウ全体をさまざまなサブフォームに分割し、iframe タグは Web ページ上の任意の場所にフォームを表示できます (ウィンドウ全体を分割するわけではないことに注意してください) )。

<iframe src=”1.html” >  画中画窗口1  </iframe> 
ログイン後にコピー
Form
<form> 
ログイン後にコピー

form タグは最も一般的に使用されるタグであり、サーバー側との対話に使用されます。

: 入力タグ

ユーザー入力情報を受け取ります。 type 属性は、入力タグのタイプを指定します。

rreee

上記の 10 の属性を上手にマスターする必要があります。