HTML/Xhtml - BinaryDevelop

QuillエディタにカスタムHTMLレコードを挿入する例

2020年になり、のどが渇いた人間は、もはや単純なテキストでは満足しないので、テキストの様々なスタイルを運ぶ空想がある、しかし、テキストだけでは十分ではありません、我々はより見栄えのソフトコピーを送信するように、編集時にユーザーがカスタムメッセージタイプの様々を挿入できるようにする必要があり、この記事があるように。前置き Quillエディタに付属するリッチテキストのフィルタリング（

2022-01-07 13:07:54
HTML to PDFのピュアクライアントサイドおよびピュアサーバーサイドの実装プログラム

必要条件ユーザーがフォームに入力し、保存をクリックすると、PDFを直接ダウンロードすることができます。ソリューションのアイデアサーバーサイドの生成アイデア Google Chromeは17年にChrome Headless機能を独自に開発し、それと並行してpuppeteerを発売したが、これはインターフェースレスだがサーバー機能的な機

2022-01-07 13:02:32
HTMLのテーブルの行間を変更する方法の例

HTMLのテーブルを使うときに行間を変更する必要があることがありますが、margin、padding、collapseなどを変更してもあまりうまくいきません。ここで、便利なヒントを見つけました。display属性＋marginで実現します。例 #coding=utf-8 import sys def func(depth): depth += 1 print "Now

2022-01-07 12:51:30
HTMLがフロートをクリアする2つの方法

I. フロートをクリアする一つの方法直前の親要素の高さを設定します。注意：企業での開発では、できれば高さを指定しないでください。 image.setImageURI(null) image.setImageURI(Uri.fromFile(File(path))) 2つ目は、フロートをクリアする方法です以下の属性にclear属性を追加します

2022-01-07 12:27:40
HambergurMenu (ハンバーガースタイルのメニュー)のHTML+Sass実装

数日前に海外の人がHTML+CSSでHamburgerMenuを実装している動画を見て、最近Sassを見ていたので、Sassを使って実装してみました。最終的にはこのような感じになりました。 VS Codeでのファイル構造（scssファイルのコンパイルにはeasy sassが使用されます）。ページ構成（index.html）。 _config.scss。

2022-01-07 12:25:17
HTMLページにSVGを挿入するための様々な方法

SVG（Scalable Vector Graphics）とは？ Scalable Vector Graphicsは、XML構文に基づく画像フォーマットです。他の画像フォーマットがピクセル処理に基づいているのに対し、SVGは画像の形状記述の一部であるため、基本的にテキストファイルであり、サイズも比較的小さく、拡大縮小しても歪むことがないのが特徴です。 svgタグの挿入

2022-01-07 11:19:12
画像が存在しない場合、HTMLでデフォルト画像を表示する例

画像リンク <img src="" /> URLが有効かどうかをjsで判断したい場合 404ならデフォルト画像パスをロードする。 <img src="xxx" οnerrοr="this.src=default image address"/> 画像タグimgのonerrorイベント <img src="pic.gif" οnerrοr="jav

2022-01-07 10:50:35
htmlページでjsonデータを表示・整形する方法

htmlページでのjsonデータの表示と書式設定 I. 効果画像を表示する説明情報です。キーとなる値はすべて赤くハイライトされており、重要なパラメータであることを示しています。数値型はオレンジ、文字列型はグリーン、ブーリアン型はブルーと、異なる色でマークされています。 II. ソースコードの表示 <!DOCTYPE ht

2022-01-07 10:43:15
複雑なテーブルヘッダーを実現するためのhtmlテーブルのサンプルコード

htmlを使って複雑なテーブルを作る。複雑な表は一般的にtdの2つの属性、rowspan , colspanの属性値を使用します。 htmlの<td>タグは、HTMLテーブルの標準的なセルを定義します。　　(1) rowspan属性は、セルがまたがることができる行数を指定します。　　(2) colspan プロパティは、セルがまたがることができる列の数を指定しま

2022-01-07 09:36:01
htmlのpost requestにおけるaタグの2つの使い方を説明します。

htmlのpost requestにおけるaタグの2つの使用例として、以下のようなものがある。 1. ajax を使って POST リクエストを開始する HTMLコードは以下の通りです。 <a href="https://www.jb51.net/" class="a_post">Initiating a POST request</a>

2022-01-07 08:58:03
div+css3を使用したグラデーション背景のボタンのコード例

フロントエンドのページに対する需要が増え続けている現在、グラデーションの背景を持つ要素が必要とされるシーンもあります。今回は、divと新しいcss3プロパティを使って、以下のようにグラデーション背景のボタンを実装してみました。 1. background: linear-gradient background as gradient color プロパティ。 2. css3のアニメーシ

2022-01-07 08:22:36
HTMLテーブルの空白セル補完方法

私がWeb制作を独学で始めた頃は、DIV/CSSレイアウトなんてものはなく、テーブルレイアウトが主流でした。その時、パレットの空白セルをどう補完するかという問題が出てきました。--これは、会社の商品ページを制作しているときに頭を悩ませたことでした。プログラムを学んでいなかったので、この問題のアルゴリズムに少し遭遇しただけで、どうしようもなくなってしまったんですね。ちなみに、ページングのアルゴリズ

2022-01-07 07:36:55
フロントエンドのhtmlスキニングコード

透明を含む5つの肌色を変更する50行のコードまず、コードが提示されているので、それを受け取って自分で使ってみてください。htmlファイルを直接作成し、直接貼り付ければ動きます、無理なら遠慮なく罵ってください。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g

2022-01-07 06:58:43
指定した行の無線ラジオボックスをチェックし、その行までスクロールするLayuiフォームの実装コード

layuiテーブルには複数行のデータがあり、外部入力コンテンツでは、指定した行を探し出し、変更行を選択し、変更行に対してアクションを実行する必要があります。効果 HTMLコードです。 convert = { '__lt__': [('__gt__', lambda self, other: other < self),

2022-01-07 06:56:47
HTML共通メタブック（推奨）

Metaタグは、HTML言語のhead領域にある補助タグで、HTML文書のheadタグとtitleタグの間に位置し、ユーザーからは見えない情報を提供します。 Meta : すなわち、メタデータはデータのデータ情報である。メタデータは、ブラウザ（コンテンツの表示方法やページの再読み込み）、検索エンジン（キーワード）、その他のウェブサービスを使用して呼び出すことができます。俗に言

2022-01-07 06:50:10
HTMLの3つのボーダー設定方法を説明する

HTMLでボーダーを設定する3つの方法 border-width: 1px 2px 2px; border-style: solid dashed dotted; border-color:red green blue; /* respectively top→left→bottom border settings*/ 1. ボーダーの構成 : border: 1px

2022-01-07 06:24:33
html フォームコントロールの disabled プロパティ readonly と disabled の比較

htmlでフォーム送信を無効にする方法として、2つの方法があります。  1. コントロールタグに readonly='readonly' 属性は、コントロールタグに  2. コントロールタグを追加する disabled='disabled' 属性  例   <input type="text" value="

2022-01-07 05:15:44
htmlはテーブルの幅が無効な問題を解決する

テーブルにtable-layer:fixedスタイルを設定し、テーブル内の1行がマージされていることが判明した場合、マージされていない他の行の列幅が平均化され、列幅の設定が無効となります。回避策 tbodyの前に <col style="width: 100px;"/> <col> <col sty

2022-01-07 04:50:58
htmlプリント関連操作と実装の詳細

原則はwindow.print()メソッドを呼び出すことですが、このメソッドは現在のページ全体を印刷するだけなので、部分印刷には次のような解決策が用意されています。 1: iframeを使用して、印刷が必要な要素とスタイルを注入し、printを呼び出します。 // Sample code function print () { let ifElement = docu

2022-01-07 04:35:56
互換性を保ちながら、iframeを使って相手ページのデータを適用する方法

以下は、センチュリーテンスがテンセントのカートページを呼び出すコードですが、実にいい感じです。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="gbk" /> <meta http-equiv="x-ua-compatible" content="IE=

2022-01-07 01:41:23

最新

おすすめ