HTMLの構造についての質問

2023/11/04 00:27

oboroxxの回答

oboroxx
ベストアンサー率40% (317/792)

2019/07/11 00:54 回答No.1

良いかとおもいます。

質問者

お礼 2019/07/11 07:01

そうですか。ありがとうございます！

この回答がついた質問に戻る

回答全件

ベストアンサー

「すべて含む」かどうかは、そのときのスタイルによって異なります。今回の…

- Katsu_Kaiz
2019/07/14 11:28

関連するQ&A

EXCELでHTMLのタグの入ったセルを結合したい
下記のHTMLのタグが入ったセルと画像URLのセルを結合したいのですが、＆などで結合するとダブルクォーテーションが倍くらいに増えてHTMLのタグとして機能しません。どうやって結合させるのがいいのでしょうか？ =A1(HTMLのタグ）＆A2(画像URL）＆A3（HTMLのタグ） <body> <div style="WIDTH: 100%; TEXT-ALIGN: center"> <div id="wrapper" style="FONT-SIZE: 23px; FONT-FAMILY: Arial, Helvetica, sans-serif; WIDTH: 860px; COLOR: #000; TEXT-ALIGN: left; MARGIN: 0px auto"> <h1 style="FONT-SIZE: 38px; HEIGHT: 60px; WIDTH: 850px; COLOR: #ffffff; PADDING-LEFT: 10px; MARGIN: 0px; LINE-HEIGHT: 60px; BACKGROUND-COLOR: #336600">Picture</h1> <img src="画像URL"> <div class="sub_tit" style="FONT-SIZE: 35px; HEIGHT: 40px; WIDTH: 850px; FONT-WEIGHT: bold; COLOR: #ffffff; PADDING-LEFT: 10px; LINE-HEIGHT: 40px; BACKGROUND-COLOR: #336600"> Description </div><br><font size="5">
- ベストアンサー
- HTML
DreamWeaverで</head>の前のスタイルタグを使わない設定
DreamWeaverで、既にリンクして使うスタイルシートを使用しているので、それ以外の属性は、HTMLのタグ内に記述したいのですが、DreamWeaverは、ごく些細な文字の大きさのような属性でも、</head>の前のスタイルタグの中で、その属性を指定してしまいます。これを、</head>の前のスタイルタグの中ではなく、HTML本文のそれぞれのタグ内で普通に指定するには、どこの設定画面の何を設定したらよいのでしょうか？具体的には、文字の大きさだけでも、 <style type="text/css">  </style> </head> <body> <span class="style2">文字</span> とDreamWeaverはしてしまうので、これを </head> <body> <font size="7">文字</font> ないし、 </head> <body> <span style="font-size:36px;">文字</span> など、指定の方法はどうでも良いので、HTML内でDreamWeaverに指定して欲しいのです。もう、別に記述したい事項はスタイルシートをリンクしているので…。
- ベストアンサー
- HTML
cssで擬似フレームについて
はじめて質問させていただく、CSS初心者のものです。下記のdivタグを画面中央寄せにする方法はあるのでしょうか？ HTMLとCSSは下記のように書いています。 HTML <body> <div id="header"> （width="800" height="180" のflashファイルを入れています） </div> <div id="main"> 　（ width="700"のコンテンツを作りスクロールさせていま）　</div> <div id="footer">テキストを一行入れています</div> </body> ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ｃｓｓ html{ height:100%; overflow:hidden; } body{ height:100%; width:100%; margin:0px auto; background-color: #000000; } 　 #header{ position: absolute; height: 180px; width: 800px; overflow: hidden; top: 0px; }　 #main{ overflow: auto; position: absolute; width: 800px; top: 180px; bottom: 20px; background-color: #FFFFFF; } #footer{ position: absolute; width: 800px; bottom: 0px; font-family: "Courier New", Courier, mono; font-size: medium; font-style: italic; color: #00FF33; height: 20px; background-color: #000000; overflow: hidden; }　このような感じなのですがなにかいい方法があればご教授お願いいたします。
- ベストアンサー
- HTML
初めて質問させていただきます。
初めて質問させていただきます。趣味でWebページを制作しており,スタイルシートで背景画像のデザインの設定をしています。 Google Chromeでは意図どおり、真ん中に一枚だけ背景画像が表示されるのですが,IEやFirefoxでは画像が上部にずれ込んで表示されてしまいます。これはどのように解決すればよいのでしょうか？以下ソースを貼りつけます。よろしくお願いします。＊＊以下ソース　URL:http://tmmpg.net/bodytest.html＊＊ <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Strict //EN”> <HTML lang="ja"> <HEAD> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <TITLE>Javascript test page</TITLE> <STYLE type="text/css"> body { color: black; font-family: "Bookman Old Style", sans-serif; background: url("img/back2.png") center no-repeat; } div#header { font-size: 35pt; text-shadow:#666666 2px 2px 1.3px; } div#menu { width: 3cm; height: 15cm; margin: 5cm,2cm; padding: 5cm,2cm; position: absolute; top: 3cm; left: 1cm; font-size: 15pt; } div#footer { position: absolute; bottom: 2cm; left: 1cm; font-size: 10pt; } a { color: black; font-style: mormal; text-decoration:none; } </STYLE> </HEAD> <BODY> <div id="header"> TITLE </div> <div id="menu"> menu </div> <div id="footer"> footer </div> </body> </html>
- ベストアンサー
- CSS
css 標準モードでheight:100%にしたとき、フッターを画面の一番下にもってくるには？
お世話になります。タイトル通り、標準モードでheight:100%のものをつくり、一番下にフッターがくるようにしたいのですが、どうにも出来ません。なにかいい方法がないか、ご教授いただけると幸いです。尚、テーブルは使わない方法でお願いします。以下が途中までのソースです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <style type="text/css">  </style> </head> <body> <div id="h100"> <div id="header">ヘッダー</div> <div id="container">コンテンツ</div> <div id="footer">フッター</div> </div> </body> </html>
- ベストアンサー
- HTML
HTMLのタグの入ったセルを結合したい
ヤフオクやイーベイの出品管理をEXCELで行っており、商品説明や商品画像URLを各セルに保存しています。別途用意したHTMLのフォーマットにそれぞれを埋め込みたいです。商品数が多いので、コピペではとても出来ません。現状、そのまま下記のとおりセルの中身を結合するとダブルクオーテーションが現状の倍くらいの数になってしまい、HTMLのタグとして機能しません。 =A1(HTMLのタグ）＆B1(画像URL）＆C1（HTMLのタグ） A1のセル <body> <div style="WIDTH: 100%; TEXT-ALIGN: center"> <div id="wrapper" style="FONT-SIZE: 23px; FONT-FAMILY: Arial, Helvetica, sans-serif; WIDTH: 860px; COLOR: #000; TEXT-ALIGN: left; MARGIN: 0px auto"> <h1 style="FONT-SIZE: 38px; HEIGHT: 60px; WIDTH: 850px; COLOR: #ffffff; PADDING-LEFT: 10px; MARGIN: 0px; LINE-HEIGHT: 60px; BACKGROUND-COLOR: #336600">Picture</h1> <img src=" B１のセル画像URL C1のセル "> <div class="sub_tit" style="FONT-SIZE: 35px; HEIGHT: 40px; WIDTH: 850px; FONT-WEIGHT: bold; COLOR: #ffffff; PADDING-LEFT: 10px; LINE-HEIGHT: 40px; BACKGROUND-COLOR: #336600"> Description </div><br><font size="5">
- 締切済み
- Excel（エクセル）
DreamWeaverMXでスタイルシートを使わない方法
DreamWeaverMXを使用しています。文字に色をつけたり大きさを変えたりするときに、自動的にスタイルシートでタグが入力されてしまいます。例えば赤文字にしたときに <font color="red">赤い文字</font> こうしたいのに <head> <style type="text/css">  </style> </head> <body> <span class="style1">赤い文字</span> </body> こういうタグが入ってしまいます。これをHTMLだけのタグがはいるようにしたいのですが、そういう設定方法はないでしょうか？ご存知の方がいましたらよろしくお願いします。
- ベストアンサー
- グラフィックソフト
HTML・CSSタグの書き方教えてください！
画像では見づらいのですが、HOMEの左側にボーダーがピンク色で表示されています。このHOMEの左側のボーダーを消したい（又は見えなくする）タグを教えてください。最初のリンクのところだけグループ化して, CSSに{border-left-style: none;}と加えてみたり、 .menu ul li a .first {border-left: none;}等してみたのですが、変わらず…。どういうタグを加えれば、左側のボーダーが見えなくなりますでしょうか？よろしくお願いいたします。＜HTML＞ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv= "content-style-type" content= "text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <link href="css/style.css"rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper"> <div id="header"> <h1> 作りかけページ </h1> <p>テストページ</p> </div> <div class="menu"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">サービス概要</a></li> <li><a href="#">会社概要</a></li> <li><a href="#">お問い合わせ</a></li> <li><a href="#">サイトマップ</a></li> </ul> </div> <div id="main"> <div id="contents"> ***コンテンツ*** </div> <div id="leftsidebar"> ***左サイドバー*** </div> </div> <div id="rightsidebar"> ***右サイドバー*** </div> <div id="footer"> ***フッター*** </div> </div> </body> </html> ＜CSS＞ <style type="text/css"> * { margin: 0; padding: 0; } #wrapper{ width: 760px; /*全体の幅（#wrapper）を760pxの固定幅とする。 */ position: absolute;/*絶対位置*/ left: 50%;/*左端から右方向の位置を指定する */ margin-left: -380px;/*はみ出た半分を戻す */ } /*ヘッダー*/ #header{ width: 758px;/*ヘッダー部分の幅（#content）を758pxとする。*/ height: 200px; background-color:#ffd700; background-repeat: no-repeat; background-position: -50px -70px; text-align: right; border: solid 1px gray; } #header h1{ margin: 0; font-size: 30px; padding: 20px 10px 0px 0px; font-family:arial unicode ms; } #header p{ margin: 0; font-size: 1em; padding-right: 10px; margin-top: 8px; } /*ヘッダー終わり*/ /*body*/ /*menu部分*/ .menu {font-size:20px; height:30px; background-color:#0c907c; text-align:center; } .menu ul{ margin: 0; padding: 0; 760px; } .menu ul li{ float: left; list-style: none; margin: 0; padding: 0; } .menu ul li a{ display:block; width: 151.2px; line-height: 30px; border-left: solid 1px #FF3366; color:#ffffff; text-align: center; text-decoration: none; } .menu ul li a:hover{background-color: #99cc00} /*menu部分終わり*/ #contents{ width: 388px;/*コンテンツ部分の幅（#content）を388pxとする。*/ background-color:#0000FF; float: right;/* 右に配置 */ } #leftsidebar{ width: 166px; /*左サイドバー部分の幅を166pxとする。*/ background-color:#0000FF; float: left;/* 左に配置 */ } #main{ width: 574px; float: left;/* 左に配置 */ } #rightsidebar{ width: 166px;/*右サイドバー部分の幅を166pxとする。*/ background-color:#0000FF; float: right;/* 右に配置 */ } #footer{ width:760px; background-color:#FF3366; clear: both;/* float解除 */ height: 50px; }
- ベストアンサー
- HTML
枠線でメイン部分を囲み、フッターを一番下にもってくるには？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <style type="text/css">  </style></head> <body> <div id="flame"> <div id="header">ヘッダー</div> <div id="content_right">メイン記事テキスト</div> <div id="left">左メニュー部分</div> </div> <div id="footer">フッター</div> </body> </html>
- ベストアンサー
- HTML
スタイルシートで指定した大きさにならない・・・
スタイルシートにチャレンジしているのですが、文字の大きさが指定したとおりになりません。以下のようにした場合、ＢＯＤＹの文字を１２ＰＸにしているのですが、１４ＰＸの文字の方が大きく見えてしまいます。 ---------------------------------------------- <HTML> <HEAD> <TITLE>CCS勉強</TITLE> <STYLE type="text/css">  </STYLE> </HEAD> <BODY><SPAN class="16">16pxの文字</SPAN> <BR> <SPAN class="14">14pxの文字</SPAN><BR> <SPAN class="10">10pxの文字</SPAN> <P>ＢＯＤＹのもじ12px</P> </BODY> </HTML> ---------------------------------------------- 初心者なのでどこが間違っているのかよく分からず困っていますので、ご存知の方がおられましたらよろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）

HTMLの構造についての質問

oboroxxの回答

お礼 2019/07/11 07:01

関連するQ&A

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

HTMLの構造についての質問

oboroxxの回答

お礼 2019/07/11 07:01

関連するQ&A

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

カテゴリ
一覧

専門家に質問してみよう
専門家登録