ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • よく使用されるHTMLタグのインライン要素とブロックレベル要素の詳細な説明

    よく使用されるHTMLタグのインライン要素とブロックレベル要素の詳細な説明

    ブロック要素（block要素） HTMLタグ分類詳細 * address - アドレス * blockquote - ブロッククォート * center - アライメントブロック * dir - ディレクトリリスト * div - よく使用されるブロックレベルはCSSレイアウトのメインマークでもあります
    2025-01-30
  • HTML5 と CSS を使用してテキストのシャドウ効果を実現します

    HTML5 と CSS を使用してテキストのシャドウ効果を実現します

    2 日前、HTML5 フロントエンドを学んでいるかわいい女の子が、テキストの影の効果を実現する方法について私に質問しました。彼女は text-shadow についても私に話してくれましたが、実際には、CSS3 の新機能は非常に強力なので、考えを制限しすぎないでください。さて、ゴシップはこれ以上せずに、まず始めましょう。
    2025-01-30
  • WeChat html5 ページで共有インターフェイスを呼び出す例

    WeChat html5 ページで共有インターフェイスを呼び出す例

    最近、同社は学生向けに投票用の H5 ページを作成しました。これは主に WeChat で使用され、WeChat 共有機能を追加する必要があります。この記事では、WeChat 共有インターフェイスを呼び出す際に注意する必要がある事項を主に記録します。フロントエンドで使用される angular1 フレームワークを最初に追加する必要があります。インデックス ページには WeChat インターフェイス ファイルが導入されています。
    2025-01-30
  • MUIいくつかのページジャンプ方法比較概要の概要概要の概要

    MUIいくつかのページジャンプ方法比較概要の概要概要の概要

    [ページを開く方法の数]1。初期化中にサブカーページを作成します2。新しいページを直接開く3。ページをプリロードする[例]1。サブページmui.init（{subpages：[{url：your -page -url、// sub-page htmlアドレス、ローカルアドレスをサポートする
    2025-01-29
  • HTML5はキャンバスを使用して、たとえばコードのように画像のダウンロード機能を実装します

    HTML5はキャンバスを使用して、たとえばコードのように画像のダウンロード機能を実装します

    最近、写真をダウンロードする機能（以下に示すように）、Aタグのダウンロード属性のダウンロードのダウンロードは、元々ダウンロード：<a href=图片src download=下载海报>ポスターをダウンロードする</a>と検討されていましたが、テストを介してダウンロードされたファイルが見つかりました拡張名に持ち込むことはできないので、拡張名を持参する必要があるので、拡張名を持参する必要があるので、拡張名を必要とする必要があるので、名前を取得するために
    2025-01-29
  • HTML5はWeChat友達、QQ友達、QQスペースWeibo QRコードに共有する機能を実装

    HTML5はWeChat友達、QQ友達、QQスペースWeibo QRコードに共有する機能を実装

    これは共有ボタンです: <button onclick=call(wechatFriend)>WeChat 友達</button><button onclick=call()>とのユニバーサル共有</button>
    2025-01-29
  • iframe が HTML を使用してページにジャンプするのを防ぎ、iframe を使用して WeChat Web バージョンをページに埋め込む方法

    iframe が HTML を使用してページにジャンプするのを防ぎ、iframe を使用して WeChat Web バージョンをページに埋め込む方法

    winform と html5 を組み合わせた小さなものを作りたかったのですが、突然興味が湧き、それに WeChat の Web バージョンを埋め込みたいと思いました。アイデアが浮かんだらすぐに行動を起こしてください。最終的な効果は次のようになります。最初から、https://wx.qq.com を指すページに iframe を埋め込むつもりでしたが、これで問題ありません。しかし私はまだ世間知らずでした。
    2025-01-29
  • HTMLページJSおよびCSSファイルのキャッシュを自動的にクリーンアップします（自動追加バージョン番号）

    HTMLページJSおよびCSSファイルのキャッシュを自動的にクリーンアップします（自動追加バージョン番号）

    Webプロジェクトの開発中、CSSおよびJSファイルを引用した後、キャッシュの問題が発生することがよくありますが、この場合はアクセスすると変更されていません次の2つの2つのソリューションを次に示します。1。ブラウザのキャッシュを手動でクリア2。バージョン番号を追加します（layout.css？vなど
    2025-01-29
  • html5キャンバスを使用して円グラフを動的に描画するサンプルコード

    html5キャンバスを使用して円グラフを動的に描画するサンプルコード

    この記事では、HTML5 キャンバスを使用して円グラフを動的に描画するためのサンプル コードを紹介し、それを皆さんに共有します。詳細は次のとおりです。これは、jquery などのサードパーティ ライブラリを参照するものではありませんが、最初にレンダリングを見てみましょう。 DOM 操作と Canvas の特性を使用して記述されます。キャンバスの描画円は、一般に実線の円と中空の円に分けられます。需要分析によると、その円は本物であることがわかります
    2025-01-29
  • HTML5キャンバス描画の基本的な使い方を詳しく解説

    HTML5キャンバス描画の基本的な使い方を詳しく解説

    <canvas></canvas>は HTML5 の新しいタグで、グラフィックを描画するために使用されます。実際、このタグの特別な特徴は、このタグが JavaScript スクリプトを通じて制御できる CanvasRenderingContext2D オブジェクトを取得できることです。
    2025-01-29
  • HTML5 地理位置情報を使用して距離トラッカーを実装する

    HTML5 地理位置情報を使用して距離トラッカーを実装する

    HTML5 地理位置情報は、ユーザーの位置を特定するために使用されます。では、距離トラッカーを実装するにはどうすればよいでしょうか?私のアイデアは、ブラウザが h5 地理位置情報をサポートしていることを前提としています。これに基づいて、ユーザーの位置が取得され、距離が計算され、ページに表示されます。単に実装されただけです。
    2025-01-29
  • キャンバスベースのビデオマスクプラグインの詳細説明

    キャンバスベースのビデオマスクプラグインの詳細説明

    ビデオにオーバーレイを追加すると、ビデオの特定の期間（10 分から 20 分など）の間、区切られた領域が表示されなくなります。アプリケーション シナリオには、衛星 TV アイコンのブロック、ビデオの右下隅の広告のブロック、モザイクとしての機能などが含まれます。長いビデオには、それぞれに特定の表示時間が指定された複数のマスクが含まれる場合があります (ここでは
    2025-01-29
  • HTML5のドラッグ＆ドロップ機能を実装したパズルゲーム

    HTML5のドラッグ＆ドロップ機能を実装したパズルゲーム

    具体的なコードは次のとおりです。 <!--代码如下，最下面给出了我测试用的9张250*250的图片切片--><!DOCTYPE html><html><head><meta charset=utf-8><title>ドラッグドラッグ
    2025-01-28
  • HTML5 を使用して全画面ビデオ背景を簡単に実装する方法の例

    HTML5 を使用して全画面ビデオ背景を簡単に実装する方法の例

    ホームページでビデオを全画面で再生したいですか?このビデオは Web ページの背景として使用されており、Web コンテンツの通常の閲覧には影響しません。それでは、あなたのニーズに合った Javascript ライブラリがあることをお知らせします。それが Bideo.js です。自動調整機能: Bideo.js は、現在のブラウザ ウィンドウのサイズに応じてビデオ サイズを自動的に調整できます。
    2025-01-28
  • Canvas+Vueをベースにした弾幕コンポーネントの実装

    Canvas+Vueをベースにした弾幕コンポーネントの実装

    最近、プロジェクトで弾幕機能をカスタマイズする必要があったため、キャンバスを使用してコンポーネントを開発してみました。テストした結果、一部のローエンドマシンでは効果に明らかな遅れはありませんでした。弾幕エフェクト機能の紹介を共有します。弾幕の送信数をサポートします。 npm i vue-barrage パラメータの設定。
    2025-01-28
 12345次のページ