タグ付けされた質問 「html」

HTML（HyperText Markup Language）は、Webブラウザーに表示されるWebページやその他の情報を作成するための主要なマークアップ言語です。HTMLに関する質問には、最小限の再現可能な例と、何を達成しようとしているのかについての考えを含める必要があります。このタグが単独で使用されることはほとんどなく、[CSS]や[javascript]と組み合わせられることがよくあります。

19
スクリプトをinnerHTMLで挿入できますか？
でを使用innerHTMLして、いくつかのスクリプトをページにロードしようとしました<div>。スクリプトはDOMに読み込まれるようですが、実行されません（少なくともFirefoxとChromeでは）。でスクリプトを挿入するときにスクリプトを実行する方法はありinnerHTMLますか？ サンプルコード： <!DOCTYPE html> <html> <body onload="document.getElementById('loader').innerHTML = '<script>alert(\'hi\')<\/script>'"> Shouldn't an alert saying 'hi' appear? <div id="loader"></div> </body> </html> コードスニペットを実行するHide resultsスニペットを展開
7
2つのdivを並べて表示-流体表示
2つのdivを並べて配置し、次のCSSを使用しようとしています。 #left { float: left; width: 65%; overflow: hidden; } #right { overflow: hidden; } HTMLはシンプルで、ラッパーdivに左と右の2つのdivがあります。 <div id="wrapper"> <div id="left">Left side div</div> <div id="right">Right side div</div> </div> StackOverflowや他のサイトでもより良い方法を探すために何度も試みましたが、正確なヘルプが見つかりませんでした。 したがって、コードは一見問題なく動作します。問題は、幅（％）を増やすと、左側のdivが自動的にパディング/マージンを取得することです。したがって、幅が65％の場合、左側のdivにはパディングまたはマージンがあり、右側のdivと完全に揃っていません。次に、ページを拡大すると、右側のdivが左側のdivの下にスライドします。 注：すみません、たくさん検索しました。この質問は何度も尋ねられましたが、それらの答えは私を助けていません。私の場合、何が問題なのかを説明しました。 私はそれに対する修正があることを望みます。 ありがとうございました。 編集：申し訳ありませんが、HTMLの問題です。左側と右側の両方に2つの「ボックス」divがあり、％でパディングがあり、幅が広いため左側がより多くのパディングを示していました。申し訳ありませんが、上記のCSSは完璧に動作し、その流動的な表示と修正が行われています。間違った質問をして申し訳ありません...
222 css  html  fluid-layout  fluid 
12
HTMLでティアドロップを作成するにはどうすればよいですか？
このような形状を作成してWebページに表示するにはどうすればよいですか？ スケーリングでぼやけてしまうので、画像は 使いたくない 私はCSSで試しました： .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } <div class="tear"> </div> コードスニペットを実行する結果を非表示スニペットを展開 それは本当に台無しになりました。 そして、私はSVGで試しました： <svg viewBox="0 100 100"> <polygon points="50,0 100,70 50,100 0,70"/> </svg> コードスニペットを実行する結果を非表示スニペットを展開 形は取れましたが、底が曲がっていませんでした。 HTMLページで使用できるようにこの形状を作成する方法はありますか？
222 html  css  svg  css-shapes 
17
アポストロフィのHTMLコード
一見シンプルなようですが、ウェブ上で何か関連するものを見つけることができません。 アポストロフィの正しいHTMLコードは何ですか？ですよ’ね？
222 html  ascii 
17
HTMLリストスタイルタイプのダッシュ
ダッシュ（つまり-または– –または— —）を使用してHTMLでリストスタイルを作成する方法はありますか？ <ul> <li>abc</li> </ul> 出力： - abc 私はそのようなことでこれを行うことが思い浮かびましたが、私li:before { content: "-" };はそのオプションの短所を知りません（そしてフィードバックが非常に義務付けられます）。 より一般的には、リストアイテムに一般的な文字を使用する方法を知っていてもかまいません。
222 html  css  xhtml  html-lists 
16
IDとクラスの違いは何ですか？
CSS <div class="">との違いは何<div id="">ですか？使用しても大丈夫<div id="">ですか？ 私はさまざまな開発者がこれを両方の方法で行っているのを見ています。私は独学しているので、実際にそれを理解したことはありません。
222 html  css  class  id 
13
ユーザーが上にスクロールしない限り、オーバーフローdivを下にスクロールし続ける
大きさが300ピクセルしかないdivがあり、ページの読み込み時にコンテンツの下部までスクロールしたい。このdivにはコンテンツが動的に追加されており、下にスクロールし続ける必要があります。ユーザーが上にスクロールすることを決定した場合、ユーザーが再び下にスクロールするまで、下にジャンプしたくない ユーザーが上にスクロールしない限り、一番下までスクロールしたままのdivを設定できます。ユーザーが下にスクロールすると、新しい動的コンテンツが追加された場合でも、一番下に表示される必要があります。これを作成するにはどうすればいいですか。
222 javascript  jquery  html  css  scroll 
4
<fieldset>のサイズが正しくありません。削除できない `min-width：min-content`があるようです
問題 私が持っている&lt;select&gt;その場所の1 &lt;option&gt;のテキスト値が非常に長いです。私がしたい&lt;select&gt;、それがその表示されたテキストをカットする場合であっても、その親よりも幅が広いことはありませんので、サイズを変更します。max-width: 100%それを行う必要があります。 サイズ変更前： サイズ変更後に必要なもの： ただし、このjsFiddleの例をロードし、結果パネルの幅をの幅よりも小さくなるようにサイズ変更する&lt;select&gt;と、内の選択が&lt;fieldset&gt;その幅を縮小できないことがわかります。 サイズ変更後に実際に表示されるもの： ただし、aの&lt;div&gt;代わりにaを使用&lt;fieldset&gt;した同等のページは適切にスケーリングされます。1つのページにとが隣接していると、それを確認して変更をより簡単にテストできます。また、周囲のタグを削除すると、サイズ変更が機能します。タグは何とかブレークに水平方向のサイズ変更を引き起こしています。&lt;fieldset&gt;&lt;div&gt;&lt;fieldset&gt;&lt;fieldset&gt; &lt;fieldset&gt;CSSルールがあるかのように行為がありますfieldset { min-width: min-content; }。（min-content手段は、大体、最小幅オーバーフローに子供を起こさないこと。）私が交換した場合&lt;fieldset&gt;と&lt;div&gt;でmin-width: min-content、それはまったく同じに見えます。それでもmin-content、私のスタイル、ブラウザのデフォルトスタイルシート、またはFirebugのCSSインスペクタに表示されるルールはありません。&lt;fieldset&gt;FirebugのCSS InspectorとFirefoxのデフォルトのスタイルシートforms.cssに表示されるすべてのスタイルをオーバーライドしようとしましたが、それは役に立ちませんでした。特にオーバーライドしてmin-width、width何もしませんでした。 コード フィールドセットのHTML： &lt;fieldset&gt; &lt;div class="wrapper"&gt; &lt;select id="section" name="section"&gt; &lt;option value="-1"&gt;&lt;/option&gt; &lt;option value="1501" selected="selected"&gt;Sphinx of black quartz, judge my vow. The quick brown fox jumps over the lazy dog.&lt;/option&gt; &lt;option value="1480"&gt;Subcontractor&lt;/option&gt; &lt;option value="3181"&gt;Valley&lt;/option&gt; &lt;option value="3180"&gt;Ventura&lt;/option&gt; …
221 html  width  fieldset  css 
8
'\ n'を含むHTMLの改行
HTMLで\n改行を適切に処理する方法はありますか？または私はそれらを置き換える必要があり&lt;br/&gt;ますか？ https://jsfiddle.net/zawyatzt/
221 html 
9
<input type =“ number”>に小数点以下2桁を許可
私が持っている&lt;input type="number"&gt;と私は、小数点以下2桁までの小数で純粋に数値または数値へのユーザーの入力を制限したいです。 基本的に、価格の入力をお願いしています。 正規表現を使わないようにしました。それを行う方法はありますか？ &lt;input type="number" required name="price" min="0" value="0" step="any"&gt;
221 html  numbers 
14
div内のボタンを中央に配置する方法は？
幅が100％のdivがあります。 ボタンを中央に配置したいのですが、どうすればよいですか？ &lt;div style="width:100%; height:100%; border: 1px solid"&gt; &lt;button type="button"&gt;hello&lt;/button&gt; &lt;/div&gt; コードスニペットを実行するHide resultsスニペットを展開
220 html  css  centering 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.