• フラッシュプラグインを使用してPCカメラを呼び出す方法TMLページに埋め込む方法

    前文 この記事を書いている理由は、主にチームリーダーから与えられた新しい要件、つまり、ブラウザを使ってコンピュータのウェブカメラを呼び出し、即座に写真を撮るという機能を実現するためです。ネットでいろいろな情報を調べた結果、ある理由から最終的にフラッシュプラグインを使ってPCのカメラを呼び出す方法を選びました。もちろん、この要件はB/Sアーキテクチャに基づくものなので、フロントエンドのHTML

    2022-01-15 23:52:13
  • フラッシュコンテンツを表示するためのOBJECTタグとEMBEDタグの違いについて

    I. はじめに Webページでフラッシュコンテンツを正しく表示したいのであれば、ページにはフラッシュのパスを指定するタグが必要です。windows用のInternet ExplorerではOBJECTタグが、windowsとMacintosh用のNetscape Navigator、Macintosh用のInternet ExplorerではEMBEDが使用されます。その他のブラウザでは、Ne

    2022-01-15 22:27:27
  • htmlのテキスト回り込みの例(html mixed text)

     1. テキストラップアラウンドイメージ 通常の場合、例えば コピーコード コードは以下の通りです。 <TABLE cellpadding="15" width="200"> <TR> <TD bgcolor="#EEEEFF"><IMG src="test.gif" hight=60> Here is

    2022-01-15 22:21:12
  • 選択項目にスタイルを追加するための純粋なcss(スクリプトなし)

    通常、ul,li でモックすることで、select のデフォルトスタイルを変更します。 このようにデフォルトのselectスタイルを変更するJqueryプラグインはたくさんあります。 その後、外国の方が書かれたブログで、cssのスタイルを使ってselectの外にdivを追加し、selectの幅を親divの幅より小さく設定し、divのbackgroundプロパティを設定してselectのデフォル

    2022-01-15 21:43:50
  • iframe を更新する方法に関する 3 つの実装オプション

    コピーコード コードは以下の通りです。 <iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe> オプション1: iframeのname属性による位置決め コピーコード コードは以下の通りです。 <input type="button" name="Bu

    2022-01-15 21:25:11
  • HTML チェックボックス 説明テキストをクリックすると、ステータスの選択/解除ができます。

    ウェブ開発では、チェックボックスは小さくて使い勝手が悪いので、ユーザーのチェックボックス操作を容易にするために、説明テキストをクリックしてチェックボックスを選択/解除できるようにします 以下、簡単な方法です。 コードは以下のように実装されています。 コピーコード コードは以下の通りです。 <input id="ck1" type="checkbox" /&g

    2022-01-15 21:18:25
  • htmlマルチメディアアプリケーションのウェブページにフラッシュアニメーションと音楽を挿入する。

    I. HTMLマルチメディアアプリケーション_falshアニメーション(ウェブページにflashアニメーションを挿入する) 1. Flashアニメーション挿入の最初の方法: <embed> を使用... </embed> マークアップアニメーションは自動的に縮小されます。 属性です。 src=url(フラッシュパス) width=pixels/percen

    2022-01-15 20:34:10
  • iframe を使用せずに html を入れ子にした div

    先日、宿題でiframeを使わないでページをネストする必要があったので、jqueryの方法で、divでネストしてみました。 コピーコード コードは以下の通りです。 <script type="text/javascript"> $(document).ready(function() { $("#button").click(function() {

    2022-01-15 18:48:46
  • テーブル関連の仕上げとJavascriptによるtable,tr,tdの操作について

    テーブルの属性設定が良い。 コピーコード コードは以下の通りです。 <table cellSpacing="0" cellPadding="0" border='1' bordercolor="black" style='border-collapse:collapse;table-layout: fixed'></table> tdの中に

    2022-01-15 17:42:59
  • about:blankに設定した後のiframeのsrcの詳細について

    iframe の src を 'about:blank' に設定した後、"about:blank" に設定しなければメモリは解放されません。また、iframe.document.write('')を使用する必要があります。 これはie6のiframeのバグで、動的に作成されたiframeは必ずメモリを消費します。 コピーコード コードは以下の通りです。 function

    2022-01-15 17:22:01
  • html ハイパーリンクスタイル(4つの状態)設定例

    コピーコード コードは以下の通りです。 <style type="text/css"> <! -- Hyperlink text font settings -- > A { FONT-SIZE: 16px; FONT-FAMILY: 宋体 } <! -- The text font setting that the hyperlink

    2022-01-15 15:49:12
  • html body タグと html common control タグ

    I. <body> タグです。 ウェブページの本文をマークアップするために使用されます。body 要素には、ドキュメントのすべてのコンテンツ(テキスト、ハイパーリンク、画像、表、リストなど)が含まれます。 1. bodyタグで利用できる属性 bgcolor="色値"。ページ全体の背景色を設定します text="colorvalue":テキストカラーの色を設定します。

    2022-01-15 14:35:18
  • IEタグLIテキスト改行不具合について

    ずっと悩んでいて、検索したら解決された方もいらっしゃるようなので、ご紹介します。ULとLIを使ってテキストを表示する場合、IEブラウザはデフォルトでLIのテキスト長を強制的に行頭に持ってきません。そのため、ULで設定した幅を超えたテキストが最初の位置で折り返されてしまうという問題が発生します。 解決策 コピーコード コードは以下の通りです。 ul li{ white

    2022-01-15 13:58:52
  • cssを使ったhtmlフォームコントロールの美化(フォームビューティフィケーション)の詳細例

    I. htmlの送信ボタンと下ボタンの基本的な構文構造 1. html送信ボタン inputタグにtype="submit"を設定し、このフォームコントロールをボタンとして設定します。 送信ボタンのコードです。 /{br コピーコード コードは以下の通りです。 /{br Screenshot of the submit button effect

    2022-01-15 13:28:28
  • htmlインライン要素とhtmlブロックレベル要素の概要と相違点

    ブロックレベル要素(ブロック)の特徴 -別行で開始することで示されるように、常に別行を占め、後続の要素も別行で表示しなければならない。 -幅、高さ、パディング、マージンを制御することができる。 インライン要素の特徴 -および同じ行にある隣接するインライン要素。 -内側のマージンの幅、高さ、上/下(padding-top/padding-bottom)、外側のマージンの上/下(m

    2022-01-15 13:01:57
  • 新しい仲間のためのHTMLタグのネストルール詳細まとめ

    最近、HTMLの勉強をし直しているのですが、改めてHTMLを理解することができました。こいつを甘く見てはいけない!全てのWebページはこいつがベースになっているのだ。ここでは、HTMLタグのネストルールについて詳しくまとめてみましたので、ご参考になれば幸いです。 XHTMLには、div, ul, li, dl, dt, dd, h1~h6, p, a, addressa, span, stron

    2022-01-15 12:43:24
  • html 固定タイトル列、タイトルヘッダーテーブル固有の実装コード

    コピーコード コードは以下の通りです。 <!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <html xmlns="http://www.w3.org/199

    2022-01-15 10:20:59
  • htmlにテキストボックスのプロンプト機能を実装するための様々な方法

    html5属性の < input ="text" placeholder="What you want to type" > を利用できます。 jsでも可能です cssのスタイルを追加する コピーコード コードは以下の通りです。 <style type="text/css"> .in_search { border:1 none; c

    2022-01-15 09:17:42
  • html4とhtml5で入力にフォーカスを追加する方法

    html4です。 コピーコード コードは以下の通りです。 <form> <p><label>Username:<input name=search type="text" id="search"></label></p> <script type="text/javascript"&g

    2022-01-15 07:18:42
  • INSとDELのタグ付きドキュメントを使用して、使用内容を変更することができます。

    insとdelは、HTML4.0で導入され、文書を作成する際に作成者同士が協力し合い、また、ある程度の編集(例えば、時間をかけて文書を変更したのが作成者であることや、作成者がどう考えたかを反映できる)、バージョン管理の要素(特定の時間に文書を元の状態に戻すことができるソフトウェアの助けを借りる)を維持できるようにするために使用します。 属性 1. cite: 属性の値は、文書または情報リソ

    2022-01-15 07:05:25