ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • sessionStorage を使用してページ値を転送する HTML5 メソッド

    sessionStorage を使用してページ値を転送する HTML5 メソッド

    HTML5 が提供するローカル ストレージ機能を使用すると、Web アプリケーションはユーザーのローカル ブラウザーにデータを保存できます。 HTML5 では、サーバー要求ごとにデータが渡されるわけではなく、要求された場合にのみデータが使用されます。 Web サイトのパフォーマンスに影響を与えることなく、大量のデータを保存できます。クライアント側で保存するには次の 2 つの方法があります。1.
    2025-02-01
  • Canvasを使用した回転太極拳の作成例

    Canvasを使用した回転太極拳の作成例

    はじめに 長い間キャンバスに触れていなかったので、今日の午後、突然回転太極拳を書きました。笑、それを書いているプロセスをここで紹介します。 Canvas 自体を使用しない CSS はい、大手が文句を言わないことを願っています。 cssbody{ 背景: #d
    2025-02-01
  • HTML5のビデオタグには、MP4が再生できない問題があります（マルチピクチャ）

    HTML5のビデオタグには、MP4が再生できない問題があります（マルチピクチャ）

    これで、Webページのアプリケーションは非常に広くなっています。 1.まず、IE10とGoogleを正常に再生できます。次に、フォーマットを工場に使用して、RMVBファイルをMP4として変換し、次に使用しました。
    2025-02-01
  • Canvasを使用した画像圧縮のサンプルコード

    Canvasを使用した画像圧縮のサンプルコード

    プロジェクトでIDカード認識を行う際、画像をbase64形式でエンコードして送信する必要があるのですが、携帯電話で撮った写真が大きすぎてbase64に変換するのは大変なので解決策を探しました。関係する知識ポイントは、onchange イベントがファイルのアップロード後に発生し、アップロードされたファイル オブジェクトを取得するために files 属性の使用をトリガーすることです。
    2025-02-01
  • HTML5新コントロール日時選択入力実装コード

    HTML5新コントロール日時選択入力実装コード

    HTML5 では、いくつかの新しい日付関連のコントロールが定義されています。日付コントロールをサポートするブラウザでは、ユーザーが選択できる便利なドロップダウン カレンダーが提供されます。注: 現在、ドロップダウン カレンダーのサポートを提供しているのは Chrome と Opera だけです。他のブラウザーは依然として通常のテキスト ボックスです。 1. 日付コントロール - 日付
    2025-02-01
  • HTMLでのアンカーポイントの使用

    HTMLでのアンカーポイントの使用

    次に、アンカーポイントを制御するいくつかの状況を要約します：1。同じページで<a name=add></a><!-- 定义锚点 --><a href=#add>ジャンプして2を追加します</a>。異なるページで、アンカーポイントはA.htmlに配置され、別のページのリンクからこのアンカーポイントへのジャンプジャンプ<a
    2025-02-01
  • LocalStorageおよびSessionStorageユーザーレコード（推奨）

    LocalStorageおよびSessionStorageユーザーレコード（推奨）

    WebストレージのLocastorageとSessionStorageの使用法を読むことで、神の神々は裁判のためにそれを試み、ここに覚書を残しました。プロジェクトでは、ストレージを何度も使用する場合は、多くのデータを保存する必要があり、それを関数にカプセル化する必要があります。（この関数は、オリジナルの侵害がある場合、未知の神によって書かれています。
    2025-02-01
  • HTML5 の垂直方向中央揃えソリューションの詳細な説明

    HTML5 の垂直方向中央揃えソリューションの詳細な説明

    CSS では、margin: 0 auto; を使用して水平方向の中央揃えを実現できますが、margin: auto 0 では垂直方向の中央揃えを実現できません。ここでの主な理由は、親コントロール、つまりコントロール自体が正しく配置されていないことです。コードを直接見ると、まず親コントロールに相対レイアウトを使用する必要があります。
    2025-02-01
  • Canvas描画の浮遊ボールエフェクトの例

    Canvas描画の浮遊ボールエフェクトの例

    最近、ブロックチェーン情報に注目していて、ぶらぶらしていると、このウェブサイトのホームページの効果を偶然目にしました。それは、ボールが近づくと、それに接続されるセンシングラインがあります。マウスはボールを使って感知ラインを作成することもできます。以下は Canvas で作成したもので、オリジナルの効果に気づくまでにかなり苦労しました。
    2025-02-01
  • モバイルHTML5ページ生成画像ソリューション

    モバイルHTML5ページ生成画像ソリューション

    現在、WeChat のパブリック アカウントの運用活動が多くなっており、写真を生成する必要があります。生成した写真は、友人に送信したり、モーメントで回覧したりすることができ、製品のプロモーションに役立ちます。 1. Canvas を使用して画像を生成できますが、html2canvas というオープンソース ライブラリがすでに存在するため、時間を節約するために独自の Github アドレスを記述しませんでした: h
    2025-02-01
  • カラフルなリングのカウントダウン効果を実装する SVG サンプル コード

    カラフルなリングのカウントダウン効果を実装する SVG サンプル コード

    リングのカウントダウンはよく見られますが、これを実装する方法はたくさんあります。しかし、この記事では、SVG を使用してカウントダウン機能を実装する新しい実装方法を紹介します。この記事では主に SVG のストローク-ダシャレー機能とストローク-ダシャオフセット機能を使用します。下の図はカウントダウンの実行エフェクトです: SVG カウントダウンの場合
    2025-02-01
  • HTML5 ページの iPhoneX への適応に関する問題

    HTML5 ページの iPhoneX への適応に関する問題

    1. iPhone の概要 サイズの拡大関係を発展させますが、これは単なる外面的な現れです。ダブルグラフコアの影響要因
    2025-02-01
  • HTML5キャンバスに基づく実現ボックス効果

    HTML5キャンバスに基づく実現ボックス効果

    ユーザーマウスが移動すると、この需要は非常に一般的です。これはHTML要素を扱うときは簡単ですが、HTML5キャンバスで構成されるグラフィックスで処理されている場合、キャンバスはキャンバス、キャンバスにどれだけのグラフィックが描かれているかに関係なく、別のメカニズムを使用するため、この方法はもはや適用できません。
    2025-02-01
  • HTML5ではli-canvasを利用することで、単一画像、複数画像、角丸画像描画、単一行テキスト、複数行テキスト等を簡単に実現できます。

    HTML5ではli-canvasを利用することで、単一画像、複数画像、角丸画像描画、単一行テキスト、複数行テキスト等を簡単に実現できます。

    新しく追加された Html5 のキャンバスは、誰もが毎日使用していると思われますが、画像を合成するために使用されることもありますが、コードが非常に重くなります。面倒なため、よく使用されるキャンバス描画、テキスト描画、保存機能がカプセル化されており、今のところすぐにキャンバス描画を完了することができ、非常に満足しています。
    2025-02-01
  • HTML5 モバイル ページは右にスライドし、スタイルに影響を与える可能性があります。

    HTML5 モバイル ページは右にスライドし、スタイルに影響を与える可能性があります。

    問題の説明: 書かれた h5 ページが携帯電話上で右にスライドすることがあり、その結果、スタイルの問題が発生することが判明しました ~ 問題のトラブルシューティングの理由 1: 携帯端末への適応がありません。 HTML ヘッダーに次のコンテンツを追加します。
    2025-02-01
前のページ 456789101112次のページ