• HTMLの5種類のスペースのそれぞれの意味

    HTMLでは、幅の異なる5種類のスペースが用意されています。ノン・ブレイキング・スペース( )は、通常のスペースと同じ幅で、すべての主要なブラウザで機能します。他のタイプのスペースは、ブラウザによって幅が異なります。 これはNo-Break Spaceと呼ばれ、正式名称はNo-Break Space、我々が持っている最も一般的で最も使用されているスペースで、皆さんのほとんどが唯一接触することがで

    2022-01-08 11:42:19
  • ローカルフォルダから画像を読み込んで表示するHTMLサンプルコード

    私の目的 Html上でローカルフォルダを選択すると、そのフォルダとサブフォルダ以下のすべての画像を自動的に読み込み、ページに表示します。 テクニカル分析 既存の問題点 Htmlのfileタグで取得したパスは相対パスです。 HtmlでImgのsourceを指定する場合は、絶対パスが必要です。 解決策 readAsDataURLメソッドで

    2022-01-08 11:16:13
  • HTMLフォームコンポーネントのサンプルコード

    HTMLフォームは、さまざまなタイプのユーザー入力を収集するために使用されます。次の記事では、興味のある方のために、htmlフォームコンポーネントのサンプルコードをコード付きで共有します。 さっそくですが、以下に示すコードをご覧ください。 <!DOCTYPE html> <html> <head> <meta charset="U

    2022-01-08 11:06:43
  • ダブル11クーポンのHTML実装(クーポンページを開くまでの時間設定)

    さっそくですが、直接コードを貼っておきますね。 <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <style

    2022-01-08 09:37:21
  • htmlのmarquee属性について説明します。

    このタグはHTML 3.2には含まれておらず、MSIE3以降にのみ対応しています。したがって、IE以外のブラウザ(Netscapeなど)を使用している場合、以下の興味深い効果のいくつかを見ることができないかもしれません。 このタグはコンテナタグです 構文です。 <marquee></marquee> 以下は最も簡単な例です。 コードは以下の

    2022-01-08 09:31:24
  • HTMLテーブルのマウスドラッグ&ドロップによる並べ替え機能

    レンダリングです。 1. ファイルの紹介 <script src="js/jquery-1.10.1.min.js"></script> <link rel="stylesheet" href="Public/css/jquery-ui.min.css"> <script src="js/jquery-ui.m

    2022-01-08 09:28:35
  • メッセージボタンにコーナーマーカーを追加するhtmlコード

    html コードです。 <a onclick="goMessage();" style="width: 60px;height: 100%;color: white;background: transparent;" href="#" ; class="easyui-linkbutton" data-options="iconCls:'fa fa-bell-o fa-2x',size:'l

    2022-01-08 08:55:59
  • html+cssによる階層型ピラミッドの作成例

    この記事では、階層型ピラミッドを実装したhtml+cssの例を紹介し、以下のように共有します。 まず効果について、そしてコードを見る 画像 コードに直接アクセス {{コード

    2022-01-08 08:36:01
  • htmlのposition属性の使い方を解説(4種類)

    positionの4つの属性値。 1. 相対的 2.絶対 3.固定 4.静的 これら4つのプロパティのそれぞれについて、以下に説明する。 /** * @hide */ public Notification(Context context, int icon, CharSequence tickerText, long when,

    2022-01-08 07:37:47
  • html メタタグとその使用方法詳細

    さっそくですが、今日のテーマを始めましょう。 Htmlのmetaタグについて I. メタタグ 意味 があります。   は 要素には、検索エンジン向けの説明文やキーワード、更新頻度など、ページに関するメタ情報を記述します。 は   は タグは文書の先頭に置かれ、内容は含まれません。   の属性は以下の通りです。 タグは、文書に関連する名前と値のペアを定義します。 II. メタ

    2022-01-08 07:16:22
  • フォームタグを使用した登録ページのHTMLサンプルコード

    ケースの説明        - テーブルを使ったページ効果      - ハイパーリンクは効果を出したくないので、href="#"を使用します。     - テーブル内のセルに内容がない場合は、スペースをプレースホルダーとして使用します       - 画像タグを使ってフォームを送信する <input type="image" src="pat

    2022-01-08 06:17:43
  • マウスホバーリング時に行(tr)全体のHTMLカラーを変更する。

    テーブルの行の上をマウスが通過したときに行全体の背景色を変更し、その行にフォーカスがあることを示すために、純粋なCSSを使用します。 <html > <head> <meta charset="utf-8"/> <title>change</title> <style type="text/css"> tr.cha

    2022-01-08 05:59:22
  • htmlのフォーム・フォーム送信操作に関する情報集

    ここでは、form要素とフォーム送信について紹介します。 form要素 form 要素の DOM インターフェースは次のとおりです。 HTMLFormElement を継承しています。 HTMLElement そのため、他の HTML 要素と同じデフォルトのプロパティを持ちますが、いくつかの独自のプロパティとメソッドを持っています。 {テーブル 属性値 説明 本文 アクセプト文字セッ

    2022-01-08 05:44:17
  • CSS極座標のコード例

    プリアンブル チャートのプロジェクト要件で、その中に衛星測位のグラフィックがあり、北半球か南半球の現在の衛星分布を示す極座標を作る必要があります。最初に考えたのはechartsの極座標で、サンプルを見つけたのですが、要件はある程度満たしているものの、極座標はキャンバスで描かれており、衛星にはそれぞれ番号が付いているので、各ポイントに対応する衛星番号を特定するのは困難でした。そこで、CSSを

    2022-01-08 05:13:33
  • htmlページジャンプのパラメータ渡しの問題

    その効果は以下の通りです。 aページ ジャンプボタンをクリックした後 bページで対応する値を取得することができます。 コードは以下の通りです。 ページを作成します。 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

    2022-01-08 04:51:46
  • 1行のコードでIEの様々な互換性問題を解決(IE6-IE10)

    x-ua-compatible は、IE ブラウザがコンパイルされたページを解析するための mod を指定するために使用します。 x-ua-compatible header タグは大文字と小文字を区別し、head 内で使用し、title 以外の meta の前に使用する必要があります。 1. 1行のコードで、ブラウザが特定のドキュメントモードを使用することを指定する。 <meta h

    2022-01-08 04:33:46
  • html 模倣百科事典ナビゲーションドロップダウンメニュー機能

    html Baidu百科事典のナビゲーションドロップダウンメニュー機能の模倣は、次のコードに示すように、。 デモ画像1 <!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> &

    2022-01-08 04:26:02
  • html フォーム入力で無効化されたソリューションを使用した後、フォームの値を取得することができない

    disableプロパティを指定して送信した後、フォームの入力ボックスの値が取得できない問題を解決するには、次の2つの方法を使用します。 方法1. disabledの代わりにreadonlyバンドを使用する。 disabled="disabled" に変更します。 readonly="readonly" 両者の違い disabled はフォーカスを受

    2022-01-08 03:10:43
  • HTML6 メニューの折りたたみとアコーディオンメニューのサンプルコード

    ページのメイン部分です。 <body> <ul id="menu"> <li> <a href="#">Level 1 Menu 1</a> <ul> <li>Sec

    2022-01-08 03:01:02
  • HTMLで2カラムレイアウト(左固定幅、右適応型)を実現する例

    左側が固定幅、右側がアダプティブ幅の2カラムレイアウトのHTML実装 実装1。 Notification notification = new Notification(drawable,tickerText,System.currentTimeMillis()); 1) margin-leftを設定する前に 2) margin-leftを設定した後

    2022-01-08 02:56:28