はじめに
前回の 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="/static/imghwm/default1.png" data-src="Sunset.jpg" class="lazy" alt="HTML-ネットワークプログラミング(2)_html/css_WEB-ITnose" >
属性说明： src:连接一个文件 align:属性定义图片的排列方式 border用来设置图像的边框 height和width为显示的高宽。
☆图像地图：<map>
应用：当要在图像中选取某一部分作为连接的时候。如：中国地图每个省所对应的区域。
<img src="/static/imghwm/default1.png" data-src="Sunset.jpg" class="lazy" 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 の属性を上手にマスターする必要があります。
☆
文本框 text。输入的文本信息直接显示在框中。密码框 password。输入的文本以原点或者星号的形式显示。单选框 radio 如：性别选择。复选框 checkbox 如：兴趣选择。隐藏字段 hidden 在页面上不显示，但在提交的时候随其他内容一起提交。提交按钮 submit 用于提交表单中的内容。重置按钮 reset 将表单中填写的内容设置为初始值。按钮 button 可以为其自定义事件。文件上传 file 后期扩展内容，会自动生成一个文本框，和一个浏览按钮。图像 image 它可以替代submit按钮。
☆
☆ フォーム コンポーネントの書式設定
テーブル ラベル
を使用してフォーム内のコンポーネントを書式設定します。☆表单提交的页面实现
1）先定义form表单中的action属性值，指定表单数据提交的目的地(服务端)。
2）明确提交方式，通过指定method属性值。如果不定义，那么method的值默认是get。
表单提交方式(get/post)
☆两种方式的区别
1) get提交将数据显示在地址栏，对于敏感信息不安全。post提交不显示在地址栏，对于敏感信息安全
2) 地址栏中存放的数据是有限，所以get方式对提交的数据体积有限制。而post可以提交大体积数据。
3) 对提交数据的封装方式不同。get将提交数据封装到了http消息头的第一行即请求行中。而post将提交的数据封装到请求体(请求数据)体中。
☆表单提交方式与乱码问题
无论是get还是post方式，对于Tomcat服务器端，默认的解码方式是ISO8859-1，因此中文会出现乱码。解决：通过用ISO8859-1进行编码，再用相应的中文码表进行解码即可。
如果是post提交，可以使用request.setCharacterEncoding(“GBK”);来解决乱码问题，该方法只对数据体有效即该方法只设置数据体的编码方式。因此，通常表单使用post提交，因为这样编码更方便。
☆客户端(浏览器)与服务端交互的三种方式：
1) 地址栏中输入url地址 —— get方式2) 超连接 —— get方式3) 表单 —— get和post方式
☆客户端与服务器的数据校验问题
1) 客户端进行了增强型的校验，服务器是否还要校验？
2) 服务器端进行了增强型的校验，客户端是否还要校验？
都需要！
头标签头标签都放在<head></head>头部分之间。包括：title base meta link
☆ <title> ☆ <base> href 属性：指定网页中所有的超链接的目录。target 属性：指定打开超链接的方式，如_blank 表示所有的超链接都用新窗口打开显示。☆ <meta> name 属性：网页的描述信息。当取keywords时，content属性的内容就作为搜索引擎的关键字进行搜索。http-equiv 属性：模拟HTTP协议的响应消息头。 ☆<link> rel 属性：描述目标文档与当前文档的关系。type 属性：文档类型。media：指定目标文档在哪种设备上起作用。其它标签
☆<marquee> direction 属性：left right down upbehavior 属性：scroll alternate slide☆<pre class="brush:php;toolbar:false">可以将文本内容按在代码区的样子显示在页面上。 ☆几个纯数据封装标签div标签 span标签 p标签 ☆标签分为两大类 1) 块级标签(元素)：标签结束后都有换行。 div p dl ol ul table title2) 行内标签(元素)：标签结束后没有换行。 font span img input select a☆XHTML 与 XMLlable标签:给元素定义快捷键
公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？Mar 04, 2025 pm 12:32 PM公式アカウントのWebページはキャッシュを更新します。これはシンプルでシンプルで、ポットを飲むのに十分な複雑です。あなたは公式のアカウントの記事を更新するために一生懸命働きましたが、ユーザーはまだ古いバージョンを開くことができますか？この記事では、この背後にあるtwist余曲折と、この問題を優雅に解決する方法を見てみましょう。それを読んだ後、さまざまなキャッシュの問題に簡単に対処でき、ユーザーが常に新鮮なコンテンツを体験できるようになります。最初に基本について話しましょう。それを率直に言うと、アクセス速度を向上させるために、ブラウザまたはサーバーはいくつかの静的リソース（写真、CSS、JSなど）やページコンテンツを保存します。次回アクセスするときは、もう一度ダウンロードすることなく、キャッシュから直接検索できます。自然に高速です。しかし、このことは両刃の剣でもあります。新しいバージョンはオンラインです、
WebページのPNG画像にストローク効果を効率的に追加する方法は？Mar 04, 2025 pm 02:39 PMこの記事では、CSSを使用したWebページへの効率的なPNG境界追加を示しています。 CSSはJavaScriptやライブラリと比較して優れたパフォーマンスを提供し、微妙または顕著な効果のために境界幅、スタイル、色を調整する方法を詳述していると主張しています
HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか？Mar 17, 2025 pm 12:27 PMこの記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。
HTML5のクロスブラウザー互換性のベストプラクティスは何ですか？Mar 17, 2025 pm 12:20 PM記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。
＆lt; datalist＆gt;の目的は何ですか 要素？Mar 21, 2025 pm 12:33 PMこの記事では、HTML＆lt; Datalist＆GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。
＆lt; meter＆gt;の目的は何ですか 要素？Mar 21, 2025 pm 12:35 PMこの記事では、html＆lt; meter＆gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化＆lt; Meter＆gt; ＆lt; Progress＆gt;およびex
＆lt; Progress＆gt;の目的は何ですか 要素？Mar 21, 2025 pm 12:34 PMこの記事では、HTML＆lt; Progress＆gt;について説明します。要素、その目的、スタイリング、および＆lt; meter＆gt;との違い要素。主な焦点は、＆lt; Progress＆gt;を使用することです。タスクの完了と＆lt; Meter＆gt; statiの場合
HTML5＆lt; time＆gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素？Mar 12, 2025 pm 04:05 PMこの記事では、html5＆lt; time＆gt;について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ（ISO 8601形式）のDateTime属性の重要性を強調し、Accessibilitを増やします
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。
VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター
Dreamweaver Mac版
ビジュアル Web 開発ツール
SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!
メモ帳++7.3.1
使いやすく無料のコードエディター
