ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • HTML5にオーディオとビデオを埋め込む方法

    HTML5にオーディオとビデオを埋め込む方法

    はじめに HTML5 が登場する前は、オンライン オーディオとビデオは Flash またはサードパーティ ツールの助けを借りて実現されていましたが、現在 HTML5 もこの機能をサポートしています。 HTML5 をサポートするブラウザでは、プラグインをインストールせずに音声とビデオを再生できます。オーディオとビデオのネイティブ サポートにより、HTML5 に大きな開発の可能性が注入されます。
    2025-02-25
  • HTML5ファイルインターフェイスはファイルを使用してWebページにダウンロードします

    HTML5ファイルインターフェイスはファイルを使用してWebページにダウンロードします

    ファイルインターフェイスは、ファイルに関連する情報を提供し、ファイルのコンテンツにアクセスするためにWebページでJavaScriptを実行します。ファイルオブジェクトは、ユーザーによって返されたファイルリストオブジェクトから供給され、ドラッグアンドドロップ操作のDatAtransferオブジェクトから入力タグを使用してファイルを選択します。ファイルオブジェクトは専門です
    2025-02-24
  • HTML5のpicture要素とレスポンシブ画像処理について詳しく解説

    HTML5のpicture要素とレスポンシブ画像処理について詳しく解説

    レスポンシブ デザイン いわゆるレスポンシブ デザインとは、画面解像度、画素密度比、幅が異なる端末機器でも Web ページのレイアウトを適応的に調整できることを意味します。レスポンシブ デザインの本来の目的は、元の PC ウェブサイトをモバイル端末と互換性のあるものにすることです。ほとんどのレスポンシブ Web ページは、メディア クエリとさまざまなスタイルの CSS ファイルの読み込みを通じて実装されます。そんな爆弾
    2025-02-24
  • HTML5は、禁止されたスケーリング関数を追加します

    HTML5は、禁止されたスケーリング関数を追加します

    次のコードでは、HTML5の追加のズーム関数を導入して、HTML5を追加します。
    2025-02-24
  • Border-Radiusは、要素に丸いフレームを追加する方法です

    Border-Radiusは、要素に丸いフレームを追加する方法です

    境界線:10px;*すべての角度は10pxの丸い角を使用します* /border-radius:5px 4px 3px 2px。左下隅、滑らかな時間の鍼治療*/border-raについては考えないでください
    2025-02-24
  • HTMLがEDMを書いているときのSumidの注意(一般的に、メールに注意を払う必要があります)

    HTMLがEDMを書いているときのSumidの注意(一般的に、メールに注意を払う必要があります)

    フォーマットコード1。ページ幅、1024px以内に600〜800px以内に設定してください。 2。HTMLエンコーディング、15kB以内にUTF-8.3、HTMLコードを使用してください。 (各メールボックスの収集基準は異なります。15kbを超えると、メールがゴミ箱に入る可能性があります)
    2025-02-24
  • HTML5キャンバス

    HTML5キャンバス

    1。キャンバスの定義<canvas id=myCanvas width=400 height=200>デフォルト<canvas>キャンバスには、ページに空白の境界線の長方形が表示されます。輪郭を表示するために、スタイルのルールを定義することにより、点線のベゼルを追加します。キャンバス{
    2025-02-24
  • HTML5 ページの長押し画像保存機能の問題を 1 つの記事で完全に解決

    HTML5 ページの長押し画像保存機能の問題を 1 つの記事で完全に解決

    この記事では、H5に長押しして写真を保存する機能を実装する方法を詳しく紹介します。一部の H5 プロモーション ページでは、長押しして画像を保存することが非常に一般的な要件ですが、js にはそのような機能がないため、Android または iOS のネイティブ機能に依存するか、キャンバスを使用して自分で画像を描画する必要があります (スクリーンショット)。ネイティブのコストと比較すると、コストが高すぎるため、依存する必要があります。
    2025-02-23
  • HTML5 の簡単な分析: 'data-' 属性の役割

    HTML5 の簡単な分析: 'data-' 属性の役割

    HTML を見ると、データ ロール、データ テーマなどの使用がよく見られます。たとえば、ヘッダー効果は次のコードによって実現できます。<div data-role=header><h1>私がタイトルです</h1></div>なぜダを書くのか
    2025-02-23
  • CanvasのdrawImage()メソッドで描いた絵が表示されない問題の詳細解説

    CanvasのdrawImage()メソッドで描いた絵が表示されない問題の詳細解説

    Canvas には、drawImage() (w3c) と呼ばれる非常に強力な API があります。その主な機能は、画像、ビデオ、さらには他のキャンバスを描画することです。質問: 名声を求めてここに来ましたが、的外れで頭を下げたとき、地面に大きな穴が見えました。物事は次のようなものです。w3c の概要と非常に説得力のある教育的なデモを読んだ後、私は次のように決意しました。
    2025-02-23
  • HTML5フォームの新しい属性の詳細な説明

    HTML5フォームの新しい属性の詳細な説明

    1.テーブル内の要素の属性は、H5のページのどこにでも配置され、属性値がフォームのIDを指定できます<form id=testform>
    2025-02-23
  • HTML5の実装コードドラッグアンドドロップ効果

    HTML5の実装コードドラッグアンドドロップ効果

    ドラッグアンドドロップアンドドロップとドロップは、一般的な特性です。つまり、つかむオブジェクトの後に別の位置にドラッグします。 HTML5では、ドラッグアンドドロップは標準部品であり、任意の要素をドラッグしてドロップできます。 Internet Explorer 9+、Firefox、Opera、Chrome、およびSafariサポートドラッグ。知らせ
    2025-02-23
  • HTML5でのドラッグアンドドロップの実装の詳細な説明

    HTML5でのドラッグアンドドロップの実装の詳細な説明

    HTML5のドラッグアンドドロップは、HTML5の後に別の位置にドラッグします。ドラッグアンドドロップは標準の標準部分です。 HTML5では、ユーザーはマウスを使用してドラッグできるドラッグを選択し、要素を配置可能な要素にドラッグし、マウスボタンを解放できます。
    2025-02-23
  • HTML5は、クールなフラグメントピクチャスイッチ(キャンバス)を作ることを教えています

    HTML5は、クールなフラグメントピクチャスイッチ(キャンバス)を作ることを教えています

    序文の古いルール、最初にソースコードを適用します。画像領域をクリックすると、アニメーションがクリック位置から始まります。私はもともとこの効果を3年前に行いましたが、パフォーマンスはより問題があり、完全に実行できませんでした。最近、私は純粋なCSSを備えた非常に効果的なCSSで偉大な神を学びたいです
    2025-02-23
  • クロスドメイン画像リソースのアクセス許可 (CORS 対応画像)

    クロスドメイン画像リソースのアクセス許可 (CORS 対応画像)

    HTML 仕様ドキュメントでは、画像の Crossorigin 属性を導入しています。適切なヘッダー情報 CORS を設定することで、現在のサイト (現在のオリジン) から直接ダウンロードしたのと同じように、img 画像を他のサイトからロードしてキャンバスで使用できます。
    2025-02-23