简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

ゼロから始める HTML/CSS - HTML の基礎 (1)

高洛峰
リリース： 2016-10-09 15:29:01
オリジナル
977 人が閲覧しました

1. Web標準

1.1の構造

(1)xhtml (Extensible Hypertext Markup language) Extensible Hypertext Markup Language
(2)W3C (world Wide Web Consortium) World Wide Web Consortium

a、構造を策定( xhtml、xml)、パフォーマンス (css)、標準。

1.2 パフォーマンス

(1) css (カスケード スタイル シート) カスケード スタイル シート

1.3 動作

(1) ECMA (欧州コンピュータ製造者協会) 欧州コンピュータ製造者協会
a、動作 DOM (Document Object Model) を策定テキストオブジェクトモデル
b、ECMAscript標準

2. HTMLの基本構造

<!doctype html>
<html>
  <head>
  <meta charest="utf-8">     <!--编码格式-->
  <title></title>
  </head>
  <body>
  <h1></h1>                   <!--标题-->
      .
      .
      .
  <h6></h6>
  <p></p>                      <!--段落-->
  </body>
</html>
ログイン後にコピー

3. 基本構文

3.1 一般タグ

<タグ属性1="属性値1" 属性2="属性値2" >
は次のとおりです:
gt; gt; /> & lt; & lt;!-変更-& gt;

4.共通タグ(ラベル)



4.1 リスト

a、順序付きリスト

 <ol>  ordered
  <li></li>
  <li></li>
  <li></li>  
</ol>
ログイン後にコピー

b、順序なしリスト

<ul>  unordered
  <li></li>
  <li></li>
  <li></li>  
</ul>
ログイン後にコピー
c、カスタムリスト
<dl>  definition list
  <dt>被解释</dt>  
  <dd>解释</dd>  definition description
</dl>
ログイン後にコピー
注: dd は繰り返し可能ですが、dt 1 つだけが許可されます;

パラメータ スタイル順序付きリストの ="A", start="3", //最初のシーケンスは C から始まります。

4.2 画像タグ

画像(挿入エラー時)置換テキスト

4.3 ハイパーリンク

パスは絶対パス(https//www.baidu.com)と相対パス(images/inder.html)に分かれます。
target デフォルトの属性値は _Self; 新しいウィンドウを開くには _blank です

4.4 ラベル

手順: A. ブロック間で自動的に交換します
B. P ブロックが幅と高に制限されている場合、コンテンツは中国語になります。変更; 英語の場合は行が折り返されず、オーバーフローします。

注: a. スパンブロックの間に改行はなく、幅と高さを制限したり、テキストの長さに応じて変更したりすることはできません。

4.5 テーブルタグ

1. 構文:

2. 説明: テーブルに指定された幅と高さを設定した後、属性 cellpadding を使用すると、指定された幅が設定された幅と高さを超えると、テーブルは伸びてください。


tr>
t;
form name="フォーム名" method="post/get" action="">
説明:

b、テキストボックス


c、パスワードボックス

d、ラジオボタン

< ;input type="radio" name="カスタム名 (同じ、必ず記述する必要があります)"/>
次のように:
男性

女性


e、複数チェックボックス

相手の選択基準


185
黑
男
北東

disabled="disabled"(無効、無効)
checked= "チェック済み"(デフォルトで選択)
f、リセット
(1) (リセット、上で入力したデータをクリア)
g、ボタン
(1)
(2)

注:ボタンはラベルとして使用されますジャンプと送信の両方です

h、ドロップダウン リスト
(1)

i、テキスト フィールド



注:
(1) 上記のテキスト ボックスはフォーム内に配置されます

。 (2)フォームの属性メソッドの属性値のpost/getの違いは何ですか？
a. Get はサーバーからデータを取得すること、post はサーバーにデータを送信することです。
b. Get は、フォームを送信するアクションの属性が指す URL にパラメーター値を追加します。は、フォーム内の各フィールドに対応しており、URL で確認できます。
投稿は HTTP 経由で行われ、投稿メカニズムはフォーム内の各フィールドとそのコンテンツを HTML HEADER に配置し、それを ACTION 属性の URL アドレスに送信します。ユーザーはこのプロセスを見ることができません。
c. get メソッドの場合、サーバー側の ReqestQueryString は変数の値を取得します。post メソッドの場合、サーバーは Request.Form を使用して送信されたデータを取得します。
d. get のデータ送信量は少なく、2kb 以下です。
post の送信量は多く、一般に制限はありません。
f. get のセキュリティは低いですが、送信効率は高くなります。は高いです

(3) 入力での値の使用方法
a. type="button"/"reset"/"submit" はボタン上のテキストを表します
b. type="text"/"password" を表します初期値
c. type="check"/"radio" 定義と入力関連の値

(4) フォームネスティング





< ;td>





関連ラベル：
HTML/CSS
ソース：php.cn
前の記事：【HTML要素】画像の埋め込み方法 次の記事：HTML+CSSの基本
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1335
PX から REM への自動変換エラー <style>html { font-size: calc(100vw / 3.75); }body { font-size: 0.16rem; }</style...
から 2024-04-16 09:34:16
0
0
4687
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
CSS でフローティング要素を水平ではなく垂直にスタックするにはどうすればよいですか? 片側にメインコンテンツ、もう一方に追加コンテンツがある 2 つの列を持つ Web ページを作成しようとしています。ただし、float プロパティを使用して追加の列を左に揃えているた...
から 2024-04-06 20:45:26
0
2
386
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！
< input type="button" 値="パスワードをお忘れですか?">