HTML 入門ノート_html/css_WEB-ITnose

1. 開発の準備

開発ツール

intellij IDEA

WebStorm

eclipse

dreamweaver

notepad++

参考資料

w3c: http://www.w3school.com .cn/

2.HTML 構文

タグ名と属性では大文字と小文字が区別されません。

HTML エンティティ文字

Space: 

<:>

>:>

&:&

":&quo1. クロスプラットフォーム

HTML メイン構造

text	テキストの色を設定します
bgcolor	背景色を設定します
背景	背景パターンを設定します
bgproperties	背景パターンを固定に設定します
link	ページのデフォルトのリンク色を設定します
alink	次のときにリンクを設定しますマウスをクリックしたとき Color
vlink	アクセス後のリンクの色を設定
topmargin	ページの上マージンを設定
leftmargin	ページの左マージンを設定

中間タグ

: 改行

lt;p&g t;: 段落を変更します

< ;pre>: 事前フォーマット、ソース コード内のテキストの形式を保存

: リスト項目

: 順序なしリスト

: 順序付きリスト

---

テキストラベル

: n は 1 ～ 6 で、6 レベルの見出しを定義します

: 太字フォント

: 斜体

: 下線

: フォント

: プリンターのテキスト

: 小さなフォントのラベル

: 大きなフォントのラベル

_{: 下のテキスト上付き文字}

^{: 上付き文字}

画像の挿入

src: 画像の URL パス名

alt: テキストの説明 (3 つの機能があります: カーソルが上にあるときに表示)画像; 画像が読み込まれていないときのテキスト表示; 検索エンジンのクロールの基礎)

幅、高さ、境界線: 幅、高さ、端。

ハイパーリンクとアンカーリンク テキスト

href: リンク アドレス。絶対アドレスまたは相対アドレス、#Anchor名前。

name: アンカー名

target: リンクを開くために使用されたブラウザのウィンドウ名

_self: 現在のウィンドウ。

_blank: 新しいウィンドウ。

_parent: 親ウィンドウ (フレーム内)。

_top: 上部のウィンドウ (フレーム内)。

Table

テーブル基本タグ

align: 前階層のテーブルの配置位置を指定(leftcenterright)

width, height, border: width, height 、 角 。

cellspacing: セル間の間隔。

cellpadding: セルの内容と境界線の間のスペース。

＆＆lt;キャプション＆gt;テーブルタイトル＆lt;/caption＆gt; ;

HTML フレーム構造 (ブラウザ ウィンドウを複数のサブウィンドウに分割します)

frameset は を置き換えます。

サブウィンドウのコンテンツの場合は、単一のタグ に含める必要があります。

フレームはネストできます。

Formタグ（インタラクション情報の収集に使用）

Form属性

name: name

method: フォーム情報送信メソッド(

GET

: フォームの内容が付加される) URL 以降の長さ制限は 8196 で、ASCII コード値です。機密性はありません/

POST

: フォームのコンテンツはフォーム本文と一緒にサーバーに送信されます。長さ制限はありません)

アクション: ハンドラー名。空 (空: アクション = "いいえ")。

target: リンクに似ており、送信後にリンクを開く方法を示します。

入力フィールド

type="text": テキストフィールド。 type="radio": ラジオボタン。 type="チェックボックス": チェックボックス。

type="button": 通常のボタン。JavaScript などのスクリプトと組み合わせて使用​​する必要があります。

type="password": パスワードフィールド。

type="submit": 送信ボタン。送信後、フォームのコンテンツは処理のためにアクションに渡されます。

type="reset": フォームのコンテンツをリセットするボタン。

type="hidden": 非表示のドメイン。表示されません。 + ;リスト項目

著作権表示: この記事はブロガーによるオリジナル記事であり、ブロガーの許可なく複製することはできません。