ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • キャンバスを使用してマウスを押しながら移動して軌跡を描くサンプルコード

    キャンバスを使用してマウスを押しながら移動して軌跡を描くサンプルコード

    概要: 仕事を始めて以来、vue、react、規則性、アルゴリズム、小さなプログラムなどについて書いてきましたが、canvas については一度も書いたことはありません。 2018 年、私は自分自身に小さな目標を設定しました。それは、Canvas を学び、CSS3 では実現するのが難しいいくつかのアニメーションを Canvas を使用して実現するという効果を達成することです。この記事は学習教材として使用されます
    2025-02-02
  • HTML背景画像と背景色

    HTML背景画像と背景色

    1。HTML画像<img>1。<img>ラベルとそのSRC属性はHTMLにあり、画像は画像によって引き起こされます<img>ラベルの定義。<img>これは空のラベルです。つまり、属性のみが含まれており、タグを閉じません（ただし、/>>直接終了します）。ページに画像を表示するには、オリジンを使用する必要があります（
    2025-02-01
  • HTMLで2つのdivタグの間に垂直線を引く方法

    HTMLで2つのdivタグの間に垂直線を引く方法

    最近、インターフェイスを描画しているときに、要件に遭遇しました。インターフェイスに垂直線を描画し、この垂直線の高さが親 div 全体を自動的に占める必要があります (つまり、この垂直線の高さは同じです)。 2 つの div の高さとして)、高い方が同じ高さです)。通常、水平線を引いてラベルを直接使用します。<hr>それで、縦線を引くとラベルが見つからないことがわかりました。オンラインで見つけました
    2025-02-01
  • HTML5 面接でよくある質問: PC とモバイル端末の違いの概要

    HTML5 面接でよくある質問: PC とモバイル端末の違いの概要

    1. コンセプト 1. PC 端末とモバイル端末の違いは何ですか? 私の個人的な見解では、PC 端末の位置付けはより多くのコンテンツを表示できるユーザーの視覚的な閲覧ルートであると考えています。モバイルインターネット端末は、誰でもいつでもどこでもというコンセプトを反映した携帯性であり、正確に言えばPCに代わるデバイスではありません。
    2025-02-01
  • Canvasが線分を描画する方法の実装方法

    Canvasが線分を描画する方法の実装方法

    Canvas を学習するには、まず線分の描画方法を知る必要があります。その後、多くの単純な線分を使用して、より複雑なグラフィックスを実現できます。たとえば、一般的なグラフ、棒グラフ、折れ線グラフなどはすべて線分によって実現されます。基礎知識：キャンバスの基礎知識はあまり多くありませんが、主に線分、グラフィック、絵、文字などの描き方を習得します。およそ
    2025-02-01
  • PhoneGapを使用して、オーディオ実装方法を再生します

    PhoneGapを使用して、オーディオ実装方法を再生します

    例：以下：<!DOCTYPE html><html><head><meta charset=UTF-8><title>コンパスエクスマンプ</title>
    2025-02-01
  • 右クリックメニューと左クリックスワイプ機能をブロックするHTMLの例

    右クリックメニューと左クリックスワイプ機能をブロックするHTMLの例

    右クリックメニューを無効にする<body oncontextmenu=self.event.returnValue=false>左クリックによるコピーを無効にします。CSS を使用してテキストを選択できるかどうかを制御します。選択を解除します。
    2025-02-01
  • 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
前のページ 158159160161162163164165166次のページ