ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • HTML5 では新しいタグとスタイルが追加され、要素を水平方向と垂直方向の中央に配置できるようになります。

    HTML5 では新しいタグとスタイルが追加され、要素を水平方向と垂直方向の中央に配置できるようになります。

    要素の水平方向および垂直方向の中央揃え 1. 独自の関数である table タグを使用する<style> .parent{ border: 1px solid red; height: 500px }
    2025-02-09
  • ビデオとキャンバスを組み合わせてオンラインビデオスクリーンショット機能を実現

    ビデオとキャンバスを組み合わせてオンラインビデオスクリーンショット機能を実現

    数日前に私が見た興味深い小さなデモについて説明しましょう。ビデオのオンライン スクリーンショットです。以下は、変更して新しい機能を追加した後のレンダリングです。実際、その方法を説明しましょう。大きく分けて3つの機能があり、1つ目はURLオブジェクトを使って動画リンクを取得して表示する: jsのURLオブジェクトには以下のような機能があります。
    2025-02-09
  • 共有製図板機能をsocket.ioとcanvasで実現

    共有製図板機能をsocket.ioとcanvasで実現

    最初は単純なお絵かきボードを書きたかっただけでしたが、その後、グラファイトドキュメントにホワイトボード機能があることを無意識に思い出し、現在のキャンバス機能を共同お絵かきボードの簡易版に発展させたいと思いました。オンライン デモ: 現在展開中ですが、ローカルで実行するにはクローンを作成する必要があります。 git アドレス 2. git clone を実行します<repository>n
    2025-02-09
  • 本当に HTML5 のセマンティック要素を正しく使用していますか?

    本当に HTML5 のセマンティック要素を正しく使用していますか?

    HTML5 セマンティック要素 セマンティックスは、言語における単語やフレーズの意味を研究するものです。セマンティック要素 = 意味を持つ要素。 セマンティック要素は、ブラウザーと開発者にとってそれが何を意味するかを明確に説明します。 非セマンティック要素の例:<div>そして<span>- その内容を知らない。 意味要素の例:</span> 、<table>
    2025-02-09
  • キャンバス上に絵文字を描画するサンプルコード

    キャンバス上に絵文字を描画するサンプルコード

    この記事では、Canvas に絵文字を描画するためのサンプル コードを紹介し、みんなに共有します。詳細は次のとおりです。 漫画の笑顔を描画する var Canvas = document.getElementById(canvas);
    2025-02-08
  • AndroidとHTMLのハイブリッド開発概要を詳しく解説

    AndroidとHTMLのハイブリッド開発概要を詳しく解説

    現在、多くの APP には、頻繁に変更される HTML5 ページが埋め込まれています。一部のページでは、HTML5 での js との対話にネイティブ Java が必要です。 1. HTML5 Cookie Web ページについて 多くのパラメーターがあります。ユーザー情報などは、
    2025-02-08
  • H5経由でローカルアプリを呼び出す方法（ブラウザ/WebView/その他）の詳細説明

    H5経由でローカルアプリを呼び出す方法（ブラウザ/WebView/その他）の詳細説明

    2 日前にワイヤレスのリクエストを受け取りました。初心者なので、ここ数日忙しかったのですが... ユーザーが APP をインストールしている場合は、クリックして対応する APP を開きます。インストールされていない場合は、クリックして対応するアプリを開きます。ネットで検索したところ、基本的には実現できるとありましたが、もちろん、実際の状況はそれらの1つにすぎません。
    2025-02-08
  • HTML5 の新機能を使用してアプリのリターン キーを簡単に監視する例

    HTML5 の新機能を使用してアプリのリターン キーを簡単に監視する例

    1. はじめに 現在、h5 には多くの新機能、新しいタグ、新しい仕様などがあり、それらは常に改良されており、それらに対する主要なブラウザ ベンダーのサポートも非常に強力です。フロントエンドプログラマーとしては、まだまだ積極的に注目し、果敢に実践していく必要があると思います。次に、h5 の特に便利な、使いやすい新機能 (現時点では特に新しい機能ではありません) を紹介します。
    2025-02-08
  • 既存のWebサイトをxhtml+CSS構造に改善する方法

    既存のWebサイトをxhtml+CSS構造に改善する方法

    当社のデザイナーのほとんどは、従来のテーブル レイアウト、プレゼンテーション、構造を組み合わせて Web サイトを構築しています。 XHTML+CSS の使用方法を学ぶにはプロセスが必要であり、既存の Web サイトを Web サイト標準に準拠させることは 1 つのステップでは完了できません。最善のアプローチは、Web サイトの標準に完全に準拠するという目標を達成するために、段階的に進めていくことです。あなたが新しいなら
    2025-02-08
  • html5でカメラ関数を呼び出す実装コード

    html5でカメラ関数を呼び出す実装コード

    はじめに 数日前のオンライン筆記試験で、カメラをオンにするためにブラウザが同意する必要があることがわかりました。当時は筆記試験だったので、これほど多くなるとは予想していませんでした。問題。今日は何もすることがなかったので、ToDo を見ていたら、カメラを呼び出す ToDo を見つけて思いつきました。
    2025-02-08
  • H5を使用してタッチスクリーンローターの例を実装する方法

    H5を使用してタッチスクリーンローターの例を実装する方法

    フロントエンドの最初に、携帯電話のタッチスクリーンのタッチスクリーンバージョンの実装プロセスを共有します。幅を返す監視要素の切り替え5。Pure -Party Libraryの原則を使用しないでください。
    2025-02-08
  • タイミングチャートを実装するためのネイティブJS+CSS+HTMLメソッド

    タイミングチャートを実装するためのネイティブJS+CSS+HTMLメソッド

    以前は、React + AntDesignを使用して簡単なタイミングチャートを実装していましたが、後で複雑な要件があり、2,000のタスクを同時に表示しました。基本的に次のニーズを満たすデモですが、
    2025-02-08
  • HTML5キャンバスを使用してリングアニメーションを描画する

    HTML5キャンバスを使用してリングアニメーションを描画する

    最近、作成者は、リングの周りにテキストのグループを表示するという要件を持っています。テキストは、リングの周りの小さな青い点に対応します。マウスをリングの上に置くと、三角形が放射され、テキストが表示されます。まずアニメーション効果を見てみましょう。上の図に示すように、マウスを対応する場所に置くと、
    2025-02-08
  • h5 Web ウォーターマーク SDK 実装コード例

    h5 Web ウォーターマーク SDK 実装コード例

    Web サイトを閲覧するとき、ユーザーがスクリーンショットや画面録画を撮って機密情報を公開したり、ユーザーのソースを追跡したりするのを防ぐために、Web ページの透かしが必要になることがよくあります。たとえば、一般的に使用されている DingTalk ソフトウェアでは、チャットの背景にあなたの名前が表示されます。では、Web 透かし効果を実現するにはどうすればよいでしょうか? Web ウォーターマーク SDK、実装アイデア 1. 名前、ニックネーム、ID など、取得した最新のユーザー情報を生成できます。
    2025-02-08
  • モバイルターミナルHTML5ページの詳細な説明は、フルテキストコンテンツを強調表示する互換性のあるソリューションを実現するために長いプレスを表しています

    モバイルターミナルHTML5ページの詳細な説明は、フルテキストコンテンツを強調表示する互換性のあるソリューションを実現するために長いプレスを表しています

    最近、ページにコピー機能を実装するにはhtml5 webAppを指定する必要があります。ユーザーはテキストを選択して、長いプレステキストのシステムコピーメニューをポップアップできます。ユーザーはクリックしてコピー操作をコピーしてから貼り付けますAppStoreに対応するアプリケーションを検索します。リンクで使用されない理由は、AppStoreの対応するアプリケーションに直接ジャンプします
    2025-02-08
前のページ 150151152153154155156157158次のページ