HTML
- デベロッパーツールのエレメンツだけでいいか
目的はブログをそのまま印刷すると、バランスが悪いので、デベロッパーツールのエレメントを編集し、PDFで印刷したいのです。 https://streamable.com/z1wkku このビデオはあるHPをPDF印刷したものの１部です。 AとBが間があいて空間です。 HPを少しいじって、画面の空白や画像の縮小して、自分でHPを調整して、PDF印刷したいのです。つまり疑似のHPを作成したいのです。 こういうことをチェックするにはデベロッパーツールのエレメンツ だけでいいですか。デベロッパーツールはChromeの事です。
- ホームページV3でのハイパーリンクの方法
いつもお世話になっております。 件名のように、トップ階層から他階層にある特定のテキストに ハイパーリンクを貼りたいのですが、それらしき項目がありません。 ネットで検索もしてみたのですが、タグで行ってみたものの多分間違いがあり、上手くいきません。 大変お手数とは存じますが、何卒御指南程、宜しくお願い致します。
- ベストアンサー
- Kazeno_Uta
- HTML
- 回答数1
- HTML、CSSに関して
HTMLの初心者です。いくつかご質問させていただきます。 ①段落と段落の間に行間を空けたい場合、必ずCSSを使わなければなりませんか？行間を空けたい場合、HTMLの本文中で段落と段落の間に行間を空けて記述するのは間違っていますか？例えば以下のような例文です。 〈p〉ここでは私が旅先で撮影した写真を掲載しています。日本列島津々浦々、特に温泉巡り、行く先々の海の幸、山の幸には目がありません。〈/p〉 〈p〉それでは当サイトをお楽しみください。〈/p〉 このようなHTMLでもブラウザ表示は行間が空いて表示されると思うのですが。 ②CSSの書式として以下のような書式があります。 p{font-size: 1.3em;} このpというのは何ですか？CSSの書式を記述するときに使うものということで深く考える必要はありませんか？また字間についてですが、:と1.3emの間に半角スペースを必ず入れるということは知っていますが（手持ちのホームページ作成入門本にそう書いてあります）、pと{の間にスペースを入れる必要はありませんか？ ③行間を調整するCSSを記述した以下のファイルを例文として記載します。上記の手持ちのホームページ作成入門本から抜粋しています。 〈html〉 〈head〉 〈title〉序文に変えて〈/title〉 〈style type="text/css"〉 p{line-height 150%;} 〈/style〉 〈/head〉 〈body〉 〈h1〉序文に変えて〈/h1〉 〈p〉ようこそ、このサイトではラーメンマニアの私が食べ歩いたラーメンを写真付きで紹介しています。 〈/body〉 〈/html〉 この150%という値ですとファイルをブラウザにドロップしたとき〈p〉タグの内容の行間が少し広くなります（と入門本に記載があります）。普通に本文の文字の大きさで1行分空けたい時はどうすればいいですか？つまり現在知恵袋で記載しているような1行分です。150%ではなく1emと記述すればいいですか？また、このCSS書式のp{line-height 150%;}ではline-heightと150%の間に質問②で記載したCSS書式のような:がありません。設定名と値の間は:で区切っても半角スペースでもどちらでもいいのですか？ 宜しくお願いします。( ｀・∀・´)
- Progate メインのレイアウト
下記動画URLを参照してください。 https://streamable.com/upsi1t エラーとして終了タグがないと銘記されていますが、どこを訂正すればよいでしょうか
- Progate ヘッダーの構造
下記動画URLを参照してください。 https://streamable.com/1nhphp 1.29と30に印がついているのはどのように対処したらいいでしょうか 2.終了タグ</div>がありませんのはどのように対処したらいいでしょうか
- HTMLでEmmetを使用する際にコピペを挟みたい
HTMLの操作中にコピペを挟むとEmmetをうまく適応できないのですが、何か解決方法はあるのでしょうか? やりたいことは 1. h1{}と記述する 2. h1に入れたい文言「テスト」をコピーする 3. h1{}内にコピーしたテキストをペーストしh1{テスト}と記述する 4. emmetを適応させ<h1>テスト</h1>に変換する といった動作です。 h1{}と記述したあとにtabキーを入力すると変換が行えますが、コピペを挟んだ後だとできません。 使用しているエディタはvscodeです。
- 締切済み
- htmlbenkyo
- HTML
- 回答数1
- ソースに文章がない
ソフトウェアベンダの不手際トップ10、第1位はアクセスコントロールの不備 ～ OWASP発表 https://scan.netsecurity.ne.jp/article/2021/09/21/46324.html この記事のHTMLのソースを見ても、記事の文章 --- Open Web Application Security Project （OWASP）はこのほど、今年の Web ソフトウェアの脆弱性のトップ 10 リストを公開した。OWASP は、設計段階からソフトウェアに粗末なセキュリティホールが忍び込む事態を減らそうと広範な対策を行っており、今回のリスト公開もその一環だ。 --- が見つからないのはなぜですか？
- Progate 過去の演習を復習の仕方
https://gyazo.com/7064a0c25a90da419d70b635afd4675b 10を復習するにはこの状態からどのようにすればいいでしょうか
- Chrome HTML Document (.ht
GoogleChromeでページ保存したChrome HTML Document (.html)が開けないです。 開こうとすると、青い丸がマウスポインタの近くで回るだけです。 Chrome HTML Document (.html)のファイルの他に、 .phpのフォルダもあるため、開けるはずなのですが開きません。 この.htmlファイルを開くには、どのようにすればいいでしょうか？ よろしくお願いいたします。
- 動くWEBデザインアイデア帳 実装について
動くWEBデザインアイデア帳に掲載されている、以下のページの画像を自分の画僧と差し替えて動かそうとしましたが、WEBサイトに使用されている画像のままで、自分の画像が表示されません。 スライドは問題なく動いていますが、差し替えた画像が表示されない原因が分からないので、何方かご教授いただけますでしょうか？ https://coco-factory.jp/ugokuweb/move01/6-1-9/ お手隙で宜しくお願い致します。
- ベストアンサー
- marimokorin
- HTML
- 回答数2
- HTMLのバリデーション
以下のHTMLにHTML5の入力値バリデーションを使用して、各入力項目のinputタグを記述する場合、年齢の項目のバリデーション処理を教えてください。 各項目のチェック条件 ・氏名：必須チェック ・郵便番号：必須チェック、半角数字3桁、半角ハイフン、半角数字4桁の形式（例：123-4567） ・年齢：必須チェック、半角数字のみ入力、0～120までの入力のみ可能 ・URL：url形式 <body> <main id="content"> <form method="post"> <div> <label for="name">氏名</name> <input id="name" required> </div> <div> <label for="zipcode">郵便番号</name> <input id="zipcode" pattern="\d{3}-?\d{4}" required> </div> <div> <label for="age">年齢</name> <input id="age" /> </div> <div> <label for="url">URL</name> <input id="url" type="url"> </div> <div> <input type="submit" value="送信" /> </div> </form> </main> </body>
- プログラミング言語のファイルを削除してしまった
プログラミング言語(html、css、java)等のファイルは幅広くたくさんあると思うのですが、何のファイルかはちゃんと見ておらず詳しくは分からないのですが、プログラミング言語だと思われるファイル(そのファイルを開いた際にアルファベットや記号等の文字コードがでてきたため)を削除してしまいました。 htmlやcss等様々ありますがプログラミング言語のかかれたファイルを削除してしまう事で何かインターネット機能等に影響してしまうのですか？ パソコンに詳しくないので調べてもよく分かりませんでした。 詳しい方教えて頂けたらと思います😭
- ベストアンサー
- hi207ty6axd8
- HTML
- 回答数2
- 表示がされません。
なぜでしょうか。 <pre> <code> <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>タイトル</title> <meta name="description" content="練習サイトそのいち"> <link rel="icon" type="image/x-icon" href="img/favicon.ico"> <meta name="viewport" content="width=device-width, initial-scale=1"> </code> </pre>
- HTML構文
お世話になります 以下のコードですが、enter押して文字を追記すると改行が入るのですが、改行をなくす方法を教えて下さい 宜しくお願い致します <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://fonts.googleapis.com/css?family=Lato:700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <style> h1,h2,h3{font-family: 'Lato', sans-serif;} p,ul,li,ol,span{font-family: 'Open Sans', sans-serif;} h1{ padding:1em 1em 0 1em; color:rgb(51, 51, 51); } h2,h3{ position:relative; padding:0.5em 1em 0.5em 1.2em; margin:0 1em 1em; border:2px solid #f5a3e8; border-radius: 0.4em; background: rgb(255, 255, 255); color:#f5a3e8; font-size:100%; line-height:1.2; text-align:left; } h2:before, h3:before{ content:''; position:absolute; left:0.5em; top:0; bottom:0; border:3px solid#f5a3e8; border-radius:3px; color:#f5a3e8; } p, .product_dec div{ margin:0.5em 0; padding:0 2em 2em 2em; color:rgb(51, 51, 51); text-align:left; } #main{ max-width:96%; background:rgb(249, 249, 249); border-radius:0.5em; text-align:center; } @media screen and (min-width: 768px) { #main{ margin:0 auto; max-width:65%; } h2,h3{ font-size:125%; } } </style> <div id="main"> <article> <h1>SEIKO </h1> <section class="product_dec"> <h2>Description</h2> <div vocab="http://schema.org/" typeof="Product"><span property="description">Condition: <font color="#00ae5f">Good</font><br>Item shows scratches or wear that is visible when worn on wrist. Please refer to all photos for the condition of the item.<br>Nothing except those in the photo comes with the product. All items are shown in it.</span></div><div vocab="http://schema.org/" typeof="Product"><span style="font-size: 14pt;">Please do not hesitate to ask for more information.</span></div> </section> <aside> <div class="shiharai"> <p></p> </div> <div class="hasso"> <h3>Shipping</h3> <p>We can only ship to your Ebay address. Delivery by DHL or Fedex or EMS. If your address is in a remote area of the shipping company, an additional shipping fee will be charged. </p> </div> <div class="torihiki"> <p></p> </div> <div class="tyuui"> <h3>International Buyers - Please Note: </h3> <p>Import duties, taxes, and charges are not included in the item price or shipping cost. These charges are the buyer's responsibility. Please check with your country's customs office to determine what these additional costs will be prior to bidding or buying.</p> </div> </aside> </article> </div><p></p><center><img src="https://pics.ebay.com/aw/pics/viewitem/fe/imgFePowered_88x33.gif"></center><p></p>
- 締切済み
- gheskj4875
- HTML
- 回答数2