HTML 入門ノート_html/css_WEB-ITnose

Jun 24, 2016 am 11:39 AM

1. 開発の準備

  • 開発ツール
  • intellij IDEA
  • WebStorm
  • eclipse
  • dreamweaver
  • notepad++
  • 参考資料
  • w3c: http://www.w3school.com .cn/
  • 2.HTML 構文

  • タグ名と属性では大文字と小文字が区別されません。
  • HTML エンティティ文字
  • Space: 
  • <:<
  • >:>
  • &:&
  • ":&quo1. クロスプラットフォーム
  • HTML メイン構造
  • このタグは存在する必要があります
  • < /head>
  • text テキストの色を設定します
    bgcolor 背景色を設定します
    背景 背景パターンを設定します
    bgproperties 背景パターンを固定に設定します
    link ページのデフォルトのリンク色を設定します
    alink 次のときにリンクを設定しますマウスをクリックしたとき Color
    vlink アクセス後のリンクの色を設定
    topmargin ページの上マージンを設定
    leftmargin ページの左マージンを設定

  • 中間タグ

  • : 改行
  • lt;p&g t;: 段落を変更します
  • < ;pre>: 事前フォーマット、ソース コード内のテキストの形式を保存
  • : リスト項目
    • : 順序なしリスト
      1. : 順序付きリスト
      2. テキストラベル
      3. : n は 1 ~ 6 で、6 レベルの見出しを定義します
      4. : 太字フォント
      5. : 斜体
      6. < u>: 下線
      7. : フォント
      8. : プリンターのテキスト
      9. : 小さなフォントのラベル
      10. : 大きなフォントのラベル
      11. : 下のテキスト上付き文字
      12. : 上付き文字
      13. 画像の挿入
      14. src: 画像の URL パス名
      15. alt: テキストの説明 (3 つの機能があります: カーソルが上にあるときに表示)画像; 画像が読み込まれていないときのテキスト表示; 検索エンジンのクロールの基礎)
      16. 幅、高さ、境界線: 幅、高さ、端。
      17. ハイパーリンクとアンカーリンク テキスト
      18. href: リンク アドレス。絶対アドレスまたは相対アドレス、#Anchor名前。
      19. name: アンカー名
      20. target: リンクを開くために使用されたブラウザのウィンドウ名
      21. _self: 現在のウィンドウ。
      22. _blank: 新しいウィンドウ。
      23. _parent: 親ウィンドウ (フレーム内)。
      24. _top: 上部のウィンドウ (フレーム内)。
      25. Table
      26. テーブル基本タグ
      27. align: 前階層のテーブルの配置位置を指定(leftcenterright)
      28. width, height, border: width, height 、 角 。
      29. cellspacing: セル間の間隔。
      30. cellpadding: セルの内容と境界線の間のスペース。
      31. &&lt;キャプション&gt;テーブルタイトル&lt;/caption&gt; ;
      32. HTML フレーム構造 (ブラウザ ウィンドウを複数のサブウィンドウに分割します)
      33. frameset は を置き換えます。
      34. サブウィンドウのコンテンツの場合は、単一のタグ に含める必要があります。
      35. フレームはネストできます。
      36. Formタグ(インタラクション情報の収集に使用)
      37. Form属性
      38. name: name
      39. method: フォーム情報送信メソッド(
      40. GET
      41. : フォームの内容が付加される) URL 以降の長さ制限は 8196 で、ASCII コード値です。機密性はありません/
      42. POST
      43. : フォームのコンテンツはフォーム本文と一緒にサーバーに送信されます。長さ制限はありません)
      44. アクション: ハンドラー名。空 (空: アクション = "いいえ")。
      45. target: リンクに似ており、送信後にリンクを開く方法を示します。
      46. 入力フィールド
      47. type="text": テキストフィールド。 type="radio": ラジオボタン。 type="チェックボックス": チェックボックス。
      48. type="button": 通常のボタン。JavaScript などのスクリプトと組み合わせて使用​​する必要があります。
      49. type="password": パスワードフィールド。
      50. type="submit": 送信ボタン。送信後、フォームのコンテンツは処理のためにアクションに渡されます。
      51. type="reset": フォームのコンテンツをリセットするボタン。
      52. type="hidden": 非表示のドメイン。表示されません。 + ;リスト項目
      53. 著作権表示: この記事はブロガーによるオリジナル記事であり、ブロガーの許可なく複製することはできません。
  • このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

    ホットAIツール

    Undresser.AI Undress

    Undresser.AI Undress

    リアルなヌード写真を作成する AI 搭載アプリ

    AI Clothes Remover

    AI Clothes Remover

    写真から衣服を削除するオンライン AI ツール。

    Undress AI Tool

    Undress AI Tool

    脱衣画像を無料で

    Clothoff.io

    Clothoff.io

    AI衣類リムーバー

    AI Hentai Generator

    AI Hentai Generator

    AIヘンタイを無料で生成します。

    ホットツール

    メモ帳++7.3.1

    メモ帳++7.3.1

    使いやすく無料のコードエディター

    SublimeText3 中国語版

    SublimeText3 中国語版

    中国語版、とても使いやすい

    ゼンドスタジオ 13.0.1

    ゼンドスタジオ 13.0.1

    強力な PHP 統合開発環境

    ドリームウィーバー CS6

    ドリームウィーバー CS6

    ビジュアル Web 開発ツール

    SublimeText3 Mac版

    SublimeText3 Mac版

    神レベルのコード編集ソフト(SublimeText3)

    &lt; Progress&gt;の目的は何ですか 要素? &lt; Progress&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

    この記事では、HTML&lt; Progress&gt;について説明します。要素、その目的、スタイリング、および&lt; meter&gt;との違い要素。主な焦点は、&lt; Progress&gt;を使用することです。タスクの完了と&lt; Meter&gt; statiの場合

    &lt; datalist&gt;の目的は何ですか 要素? &lt; datalist&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

    この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

    &lt; meter&gt;の目的は何ですか 要素? &lt; meter&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

    この記事では、html&lt; meter&gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化&lt; Meter&gt; &lt; Progress&gt;およびex

    HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

    記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

    HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

    この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

    ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

    この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

    &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

    この記事では、&lt; iframe&gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

    Giteeページ静的なWebサイトの展開に失敗しました:単一のファイル404エラーをトラブルシューティングと解決する方法 Giteeページ静的なWebサイトの展開に失敗しました:単一のファイル404エラーをトラブルシューティングと解決する方法 Apr 04, 2025 pm 11:54 PM

    GiteEpages静的Webサイトの展開が失敗しました:404エラーのトラブルシューティングと解像度Giteeを使用する

    See all articles