ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • pxユニットhtml5レスポンシブソリューションの詳細説明

    pxユニットhtml5レスポンシブソリューションの詳細説明

    近年、モバイル端末向けに最もよく使用されている h5 応答ソリューションは rem ソリューションです。これには、応答性を実現するためにルート要素のフォント サイズを計算する必要があります。ただし、この解決策には欠点もあります。つまり、font-size が整数でない場合、一部のフォントは rem 単位を使用するため、フォント表示のサイズに問題が発生し、視覚的な復元が必要になります。
    2025-02-03
  • HTML5は、ドラッグイベントエディターを使用して、サンプルコードの写真をドラッグアンドドラッグします

    HTML5は、ドラッグイベントエディターを使用して、サンプルコードの写真をドラッグアンドドラッグします

    編集者の画像のアップロードは、2017年8月22日にZhaojunlikeによって作成されたこのSEAJSモジュール/** *のこの部分の使用です。
    2025-02-03
  • HTMLの同様のラベルと属性の詳細な説明

    HTMLの同様のラベルと属性の詳細な説明

    【1】<i></i>ラベルと同じ：それは斜めの体を意味します。違い：（1）<em>強調されているコンテンツは<i>、コンテンツの意味を持たない物理的な斜め体です。 （2）<em>タグはセマンティクスを含むラベルであり、検索エンジンはこれらのセマンティクスを理解します。 HTMLのテーブルとして特別に設定されています</em></i></em>
    2025-02-03
  • キャンバス内のランダムな点に基づいて多角形を描画する方法

    キャンバス内のランダムな点に基づいて多角形を描画する方法

    理由は、今日「HTML5+JavaScript アニメーションの基礎」という本を勉強していたときに、第 8 章の 3 番目のセクションで、3 つのバネを使って 3 つの点を結び、ストレッチ動作を行う方法について話しました。例題が終わった後、4点だったらどうなるか、5点だったらどうなるか考えてみました。コードを書き直してポイント数を可変にしました。最終的な効果は、さまざまな効果を達成することです。
    2025-02-03
  • HTML5+CSS3に基づく単純なクロック効果

    HTML5+CSS3に基づく単純なクロック効果

    目的：HTML5を使用して、ペンドゥルム効果の知識ポイントを実現します。1）sopion/左/top（）を使用して、要素のレベルと垂直中心を達成します。
    2025-02-03
  • HTML5ショッピングカート機能を実現するためのローカルストレージ

    HTML5ショッピングカート機能を実現するためのローカルストレージ

    自宅では、産休に同行し、以前のプロジェクトを見て、私が以前に書いたショッピングカートがデータベースに実装されていることを突然発見しましたが、データベースと対話する必要があります。効率。突然、HTML5ローカルストレージを使用できると、プログラムの効率が大幅に向上します。確かに、
    2025-02-03
  • HTMLのマーキー属性の詳細な説明

    HTMLのマーキー属性の詳細な説明

    このタグはHTML 3.2の一部ではなく、MSIE3の後のカーネルのみをサポートするため、非IEのカーネルブラウザ（Netscapeなど）を使用すると、以下の興味深い効果を見ることができませんコンテナラベルの構文です：<marquee></marquee>以下は最も簡単な例です：生成
    2025-02-03
  • html5のaudioでサポートされている音声形式の解決策

    html5のaudioでサポートされている音声形式の解決策

    HTML5 の Audio タグは、wav、mp3、ogg、acc、webm などの形式をサポートできますが、主要なブラウザーにはサポートが組み込まれていない非常に重要な音楽ファイル形式 midi (拡張子 Mid) があります。すべてのブラウザが MP3 OGG などをサポートしているわけではありません。各ブラウザには著作権の問題があります。
    2025-02-03
  • HTML Webテーブルテーブル構造化されたラベルの適用について話す

    HTML Webテーブルテーブル構造化されたラベルの適用について話す

    Webフォームの構造化されたマークについて話す前に、最初にいくつかの写真を読む必要があります。 HTMLテーブルの構造化された構造化された構造は、上記の最初のグラフのペアに示されているように、ヘッド、ウォッチ、テールの3つのタイプにテーブルを分割することです。したがって、時計を変更すると、他の2つの部分には影響しません。これは、アプリケーションを容易にするためにロック解除されます。構造
    2025-02-03
  • スタイル要素をオーバーライドする HTML フォーム要素の問題とその解決策

    スタイル要素をオーバーライドする HTML フォーム要素の問題とその解決策

    HTML ページをデザインする過程では、フォーム要素がスタイル要素を覆うことによって引き起こされる問題がよく発生します。図 1 はその典型的な例です。この一見「低レベル」の問題を過小評価しないでください。同様の問題は、一部の大規模 Web サイトでも珍しくありません。この記事では、この問題の根本原因を調査し、解決策を提案します。これが「解決策」である理由です。
    2025-02-03
  • CSS: カラフルな Web リンクの下線をカスタマイズする

    CSS: カラフルな Web リンクの下線をカスタマイズする

    CSS 自体には HTML リンクの下線を直接変更する機能はありませんが、テクニックを使えば単調な Web リンクの下線をカラフルにすることができます。 1. 基本原則 まず、HTML リンクの下線をカスタマイズする最初のステップは、このグラフィックを水平方向に繰り返すことで下線効果を形成することです。のように
    2025-02-03
  • HTML5のWebSocketでライブブロードキャスト機能を実装

    HTML5のWebSocketでライブブロードキャスト機能を実装

    ビデオライブストリーミングについては、初期段階でWebSocketを含む多くのソリューションを検討しましたが、さまざまな理由により、最終的にはこのソリューションを採用しませんでしたが、その学習経験を記録したいと思います。 WebSocket は、HTML5 が提供し始めた、単一の TCP 接続上で全二重通信を行うためのプロトコルです。 WebSocket API 内
    2025-02-03
  • WeChatブラウザの戻るボタンの左上隅のインターセプト機能

    WeChatブラウザの戻るボタンの左上隅のインターセプト機能

    WeChat パブリック アカウントの開発では、ページを前のページに直接戻すのではなく、ブラウザの左上隅にある戻るボタンに関連するページ ロジックをインターセプトして処理する必要がある場合があります。この詳細はまだわかっていません。かなり前に実装されました。しかし、JDショッピング公式アカウントの結果が非常に良かったので、自分でも試してみました。 JD.comの効果は次のとおりです。
    2025-02-03
  • [HTML5] 3D Model-Erhangコード実装ローテーションステレオキューブインスタンス

    [HTML5] 3D Model-Erhangコード実装ローテーションステレオキューブインスタンス

    最近、Rubikのキューブのゲームプレイは、Rubikのキューブが3Dキューブであるため、突然Mikuのモデルを書きたいと思っていました。以下はプレビュー画面です。まず第一に、HTML5オープンソースライブラリLufylegend -.4.0 Rubik'sキューブを6つの飛行機に分割する必要があります。
    2025-02-03
  • HTML5のSVGページでガウスぼかしを使用する方法

    HTML5のSVGページでガウスぼかしを使用する方法

    まずこのコードをページの任意の領域に配置します。stdDeviation はぼかし量を設定します。最小値は 0 です。<svg style=display:none><filter id=blur-effect-1>
    2025-02-03
前のページ 156157158159160161162163164次のページ