ホームページ > ウェブフロントエンド > htmlチュートリアル > 2015年9月29日 HTML基礎強化学習ノート_html/css_WEB-ITnose

2015年9月29日 HTML基礎強化学習ノート_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:36:10
オリジナル
1182 人が閲覧しました

最も単純なブラウザを作成します

まず VS2010 を開き、スペースにフォーム コントロールをメイン ページとしてドラッグし、次に Textbox コントロールをアドレス バーとしてドラッグし、次に Button コントロールをボタンとして追加し、最後に表示インターフェイスとしての WebBrowser。

次に、Button ボタンをクリックし、コードを記述します

WebBrowser1.Navigate(textBox1.Text);

起動項目を調整します: リソース管理のプロパティを右クリックし、現在選択されているコンテンツを設定し、テストを開始するオプション。

一部のコンピュータでサフィックス名が表示されない場合はどうすればよいですか?ファイルを開き、Alt キーを押すと、メニュー バーが表示されます。[ツール オプション] で [フォルダー オプション] を選択し、[表示] をクリックして、[サフィックス名を隠す] を選択してチェックを外します。新しい Notepad++ ドキュメントのサフィックス名を変更するにはどうすればよいですか?ドキュメントに名前を付けて保存し、すべてのファイルを選択して、html などの目的のサフィックスを書き込む必要があります。

仕様: la la la la に準拠し、背景色と文字色の属性の間にはスペースがあります。

仕様を満たしていません: la la la la、背景色と文字色の属性の間にカンマがあります。

仕様を満たしていません: la la la la、属性値に二重引用符がありません。

通常、カンマではなく真ん中のスペースが標準であり、二重引用符が必要です。仕様に準拠していないものは書き込みや表示は可能ですが、仕様には準拠しておりません。学習時には仕様に従う必要があり、実際のアプリケーションでファイル サイズを削減するには、簡略化した方法を使用できます。

固定ページとは何ですか? Web コードはすべてページ内にあるため、クライアント コードを生成するために asp、php、jsp、net などのプログラムを実行する必要はありません。 URLの接尾辞から判断できます。静的ページの効果は、js と css を通じて実現されます。静的ページでは、更新ページを独自に管理および公開することができません。コンテンツを更新するには、ftp ソフトウェアを介してファイルをダウンロードし、Web ページ作成ソフトウェアを使用して変更する必要があります。例外は、fso などのテクノロジーです。一般に、静的ページには html、htm などのサフィックス名が付いています。

動的ページは、asp、php、jsp、net およびその他のプログラムを実行して、クライアント Web ページのコードを生成できます。同時に、動的ページの一般的な拡張子は、asp、php、jsp、です。 cqiなど動的とは、Web ページに表示されるアニメーションではなく、Web サイトとクライアント ユーザーの間の対話を意味します。

カラーシステム

www.w3school.com.cn→html 基本チュートリアル→html color

各色には 256 の値から選択できます。

赤 0-255=>0~ff

緑 0-255

青 0-255

値がすべて0の場合は黒、値がすべて最大の場合、 それは白い。

一般に、色を表すには 10 進数ではなく 16 進数が使用されます。

色を説明するには、#00 (赤) 00 (緑) 00 (青) 6 桁の 16 進数を使用して色を説明します。

すべて赤: #ff0000、すべて緑 #00ff00、すべて青 #0000ff

「スクリーンショット ソフトウェア」をダウンロードし、右クリックするとカラーピッカーが表示され、それを使用して希望の色の 16 進数を選択できます。

HTML と XML の違い

HTML と XML はどちらも DOM と CSS を通じてページを制御できますが、XML 構文はより厳密です。

Xml は主にデータの保存に使用され、HTML は表示に重点を置きます。


または
を使用できる場合は、HTML で改行コマンドを完了できますが、XML では実行できず、エラーが報告されます。

DOM はドキュメント オブジェクト モデルです ドキュメント オブジェクト モデル

HTML タグ タイプ

テキスト タグ: 説明テキストとフォント

フォーマット タグ: テキストのレイアウト、分離などを制御します

リンクとチャート: ジャンプとアンカー、写真の表示

リストとテーブル: データの表示

フォームタグ: データの送信とサーバーなどとの対話

フレームタグとパーティションタグ: フレーム構造に埋め込まれた複数のページ、パーティションの使用スタイル

テキストタグ、 title タグ < h1> の場合、値は 1 ~ 6 のみです。1 は最上位のラベル、2 は最初のレベル、3 は再び最初のレベルになります。

テキスト内のフォント サイズのみを変更する場合は、I を使用します。これは、フォント サイズのみを変更するためのものです。ラベルのフォントが大きいのは、第 1 レベルのラベルであり、構造に分割されており、優先度が高いためです。

物理フォント物理ラベル

太字

斜体

下線

タグ

イタリック

強調太字

コンピュータコードテキスト

コンピュータコードサンプル

キーボードテキスト

テキストの可変部分

定義プロジェクト

引用

小さいテキスト

大きいテキスト

物理フォントではなく論理フォントを使用することが推奨されるのはなぜですか?物理フォントは主に表示に使用され、論理フォントはこのタグのペアに含まれる特定の意味を表現するために検索エンジンの最適化に意味があるためです。

クライアント フォント フォント、テキストのカラー サイズとフォント スタイルを変更する必要がある場合は、フォント クライアント フォントを使用できます。フォントのサイズ属性値は 1 ~ 7 です。

color,size,クライアント フォント

単一ラベル


は復帰と改行、または
または

< hr/> ;水平線を作成します

タグの書式設定

段落


改行

Center


;分離中line

Size (高さと太さ)、width (幅)、align (配置)、noshade (影の有無)、color (色)

  スペース (通常、記事内には 2 つのスペースが必要で、4 つのスペースが必要です)必須)  )

align は、配置、align:left/center/right などを制御します。

例:

右揃え

画像を挿入 (パス、画像ピクセルを変更、CSS で画像とテキストを混合、画像上のテキストを右囲み)

< img src= "Path" width="500px" style="float:left"/>

事前フォーマット、つまり、現在のフォーマットが次のように無視されるのではなく、タグ内のフォーマットが保存されます。通常の HTML コード 
では、タブ スペース バーは控えめに使用してください。これは、ブラウザによってタブの解釈が異なり、主に論理フォントが使用されるためです。 は論理フォント内のコードを表します。つまり、ここで表示されるコードは

相対パスと絶対パス

; または現在のディレクトリ

は親ディレクトリを表します

はルートディレクトリを表します。ルートディレクトリは、サーバーのルートディレクトリとローカルディスクのルートディレクトリが異なることを示します。

url ハイパーリンク

リンクがクリックされたときの動作を示します基本的な形式はプロトコルです: content

メールを送信

メールを送信

クリックすると、受信者がメール アドレス、件名が 520、内容が今日の私になります。 。 。ここでは一万語は省略します。

メールを送信

ターゲット属性

_blank 新しいウィンドウで開きます

_self 現在のウィンドウで開きます

_parent 親ウィンドウで開きます

_top 一番上のウィンドウで開きます

何も書かず、デフォルトはジャンプですこのページへ

このページはジャンプします

新しいウィンドウで開きます

a tag 共通属性

href プロトコル、タイトルマウスを置いたときに表示される内容、ターゲットジャンプメソッド、Web ページを先頭に戻す機能である名前アンカーリング。

トップに戻る関数実装コード:

beginning


< /br>

<
<
<
<
<
/br>



多くの行

アンカーの別の使用法、他のページにジャンプします:

Webpage 1

Start

バラ、バラ、バラ




< /br>< ;/br>

Format Tag.html の d にジャンプ








行数が多い

Bottom

Web ページ 2、パス現在のディレクトリ形式 label.html

      何とか何とか何とか何とか何とか、何とか何とか巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉拉巴拉巴拉巴拉巴拉巴拉拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉拉巴拉巴拉巴拉拉巴拉巴拉拉巴拉巴拉巴拉拉巴拉巴拉拉巴拉巴拉巴拉拉巴拉巴拉巴拉拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉

       

その結果、「tag.html 形式の d にジャンプ」をクリックします。ページ 1 」を選択すると、Web ページ 2 の「行く」にジャンプします。

List

Type 属性: A、a、I、i、1

Ordered list 順序リスト (ここでの type の値は 1 の場合は順序付けされ、1 の場合はアラビア数字で並べられます) a なら小文字で、Aなら大文字で、iならローマ数字で並べます)

  1. 順序なしリスト(順序なしリスト)
  2. 順序付きリスト(順序リスト)
  3. リスト項目(リスト項目)< ;/li>

    順序なしリスト

    タイプ属性: 円空円、円盤中実小円、正方形中実小正方形