ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • LocalStorageユーザーとパスワード機能を覚えておいてください

    LocalStorageユーザーとパスワード機能を覚えておいてください

    HTML5仕様の普及により、パスワードを実現するためにCookieを使用しなくなり、LocalStorageとLocal Cacheが通常使用されます。 Cookieの場合、Cookie.cookie、Cookieは1つのdocument.cookieしかありません。
    2025-02-15
  • formタグを使用して登録ページを実装するためのHTMLサンプルコード

    formタグを使用して登録ページを実装するためのHTMLサンプルコード

    ケースの説明: - ページ効果を実現するために表を使用します。 - ハイパーリンクに効果を持たせたくない場合は、href=# を使用します。 - 表内のセルにコンテンツがない場合は、スペースをプレースホルダーとして使用します。 - イメージ タグを使用してフォームを送信します<input type=image src=图片的路径/>全体
    2025-02-15
  • HTML5カスタム属性プレフィックスデータとデータセットの使用方法(HTML5の新機能)

    HTML5カスタム属性プレフィックスデータとデータセットの使用方法(HTML5の新機能)

    HTML5は、非標準属性を要素に追加できることを規定していますが、プレフィックスデータを追加するために、目的は要素にレンダリングに関連しない情報を提供するか、セマンティック情報を提供することです。これらの属性は、データを追加してカスタム属性を追加している限り、任意に追加され、何気なく名前を付けます。
    2025-02-15
  • HTMLテーブルマウスドラッグソート機能

    HTMLテーブルマウスドラッグソート機能

    効果チャート:1。ファイルを紹介します<script src=js/jquery-1.10.1.min.js></script><link rel=stylesheet href=Public/css/jquery-ui.min.css>
    2025-02-15
  • さまざまなヘッドメタタグのHTML5関数(推奨)

    さまざまなヘッドメタタグのHTML5関数(推奨)

    <!DOCTYPE html>HTML5 Doctypeを使用して、ケースと区別されないH5標準ステートメント<head lang=en>標準のLang属性の書き込み<meta charset= ’utf-8′>ドキュメントで使用される文字コーディングの宣言
    2025-02-15
  • HTML5でSVGを使用する方法の例

    HTML5でSVGを使用する方法の例

    コードの最適化は常にプログラマーの永遠のニーズであり、SVG 画像を合理的に使用して PNG/JPG やその他の形式の一部の画像を置き換えることは、フロントエンドの最適化の重要な部分です。まず、最適化について見てみましょう。 SVG 画像の利点: SVG は多くのツール (メモ帳など) で読み取ったり変更したりできます。SVG は JPEG とは異なります。
    2025-02-14
  • HTML5新機能タイプ=ファイルファイルアップロード機能

    HTML5新機能タイプ=ファイルファイルアップロード機能

    1. 文法<input name=myFile type=file>2. 属性 (以下の 3 つは HTML5 でのみサポートされているため、互換性の問題があります) (1) multiple: ユーザーが複数の値を選択できるかどうかを示します。 multiple は type=file および type=email でのみ使用できます
    2025-02-14
  • 純粋な CSS 実装 (スクリプトなし) HTML の必須ツールチップ テキスト プロンプト効果

    純粋な CSS 実装 (スクリプトなし) HTML の必須ツールチップ テキスト プロンプト効果

    実行プロセスを分析し、ノードにマウスを移動して、ツールチップの実装 (クラス名、属性など) を有効にするかどうかを検出します。 (クラス名、属性など)。バブル 他の人から学びましょう 要素を見てみましょう - UI のツールチップのスタイルは非常に明白で、バブルの位置は ja によって決まります。
    2025-02-14
  • HTMLフォームによって提出されたいくつかの方法

    HTMLフォームによって提出されたいくつかの方法

    方法1:送信ボタンを介して送信します<!DOCTYPE html><html><head><title>送信ボタンを介して送信します</title><meta charset=UTF-8/></head><body>
    2025-02-14
  • あまり知られていないHTML5の音声合成機能

    あまり知られていないHTML5の音声合成機能

    聞いてみると、再生されるサウンドは事前に録音されたオーディオ素材ではなく、テキスト認識によって合成された音声であることがわかります。まずヘッドフォンを装着してから、次のコードを Chrome コンソールにコピーして体験してください。 msg = new SpeechSynthesisUtterance(私の文章を読んでようこそ
    2025-02-14
  • HTML5CANVASは、リング型の進行状況表示インスタンスを描画します

    HTML5CANVASは、リング型の進行状況表示インスタンスを描画します

    HTML5キャンバスは、下の図に示すように、描画の効果を見るために、描画の効果を描きます:<!DOCTYPE html>このドキュメント
    2025-02-14
  • HTML5、右にドロップダウンボックスを選択しますアイコン実装コード(ユーザーエクスペリエンスの改善)

    HTML5、右にドロップダウンボックスを選択しますアイコン実装コード(ユーザーエクスペリエンスの改善)

    この記事では、H5の右側にアイコンを追加し、ドロップダウンボックスを選択して、深い美化ページでユーザーエクスペリエンスの効果を改善することを示します。次に、最初に効果を見てみましょう。 2。H5の構造をもう一度見てください:<div id=login-div>
    2025-02-14
  • HTML 5.1新機能とアプリケーションの新機能とアプリケーションの例

    HTML 5.1新機能とアプリケーションの新機能とアプリケーションの例

    HTML5は、WANWEIネットワークアライアンス(W3C)に属していることがよく知られています。 2016年11月、W3Cは長期演習HTML 5標準を更新しました。これは2年ぶりの小さなアップデートでした。多くは最初に提案されました
    2025-02-14
  • HTML5 DIVレイアウトとテーブルレイアウトの詳細な説明

    HTML5 DIVレイアウトとテーブルレイアウトの詳細な説明

    この記事の例は、参照のためのHTML5 DIVレイアウトとテーブルレイアウトを分析します。HTML+CSSは簡単なレイアウトを実現します。 #containerの高さはパーセンテージとして記述することはできず、特定の高さでなければなりません。<!DOCTYPE html><html>
    2025-02-14
  • HTML5ローカルストレージindexedDB

    HTML5ローカルストレージindexedDB

    IndexEdDBは、クライアントストレージ用に多数の構造化データ(ファイル/ブロブを含む)を保存する低レベルAPIです。 APIはインデックスを使用して、データの高いパフォーマンス検索を実現します。最近、データをオフラインで保存できるビジネスニーズがあり、ネットワーク信号があるときにフォームと写真をアップロードできます。だから私はhを勉強しました
    2025-02-14