• セマンティックHTML構造のメリットとは?

    I. 1. セマンティックタグはあくまでHTMLであり、CSSはセマンティックではありません。HTMLはタグ、CSSは属性です。 2. 文書化されたページの上にあるセマンティックタグの履歴書、ページを文書として扱うこと、DOMのD(ドキュメント)、jsを書くときに使う文書などは、コンピュータがページを文書として扱っていることを明確に伝えており、ページを文書の一

    2022-01-09 14:21:12
  • CSS3 text-shadowプロパティの説明

    text-shadowプロパティには、以下の効果があります。 1.右下隅の陰影、左下隅の陰影、左上隅の陰影、右上隅の陰影 XML/HTMLコード コンテンツをクリップボードにコピーする > < html ラング = "en" > < ヘッド > < メタ 文字セット = "UTF-8" > < タイトル &

    2022-01-09 14:08:24
  • HTMLのテーブル表のframe属性とrule属性の説明

    のframe属性とrules属性があります。 tableタグのframe属性とrules属性は、ボーダーの表示を制御します。frameはテーブルの一番外側の4つのボーダーの見え方を制御し、rulesはテーブルの内側のボーダーの見え方を制御します。 また frame属性の望ましい値と意味は以下の通りです。 * void - デフォルト値です。フォームの一番外側のボーダーを表示しないことを示す。

    2022-01-09 13:18:59
  • 入力ボックスのカーソルサイズ表示に矛盾がある場合の対処法

    入力ボックスのカーソルサイズの不一致 ie7とクロームで非常に目立つ まず、この問題の原因について説明します。Chromeのカーソルの高さの設定の原則は、コンテンツがないときはカーソルの高さ=入力のline-heightの値、コンテンツがあるときはカーソルは入力の上からテキストの下まで移動する、というものです。 よし、原因がわかったので、それに応じて何か対策をしていこう。2つの方法を試し

    2022-01-09 12:58:20
  • スクロールバーを非表示にするHTMLメソッドとスクロールバーを削除するHTMLメソッド

    1. 属性付きhtmlタグ XML/HTMLコード コンテンツをクリップボードにコピーする < html ラング = "en" クラス = "no-ie" スタイル = "overflow:hidden;" > 2. ボディに次のコードを追加します。 XML/HTMLコード コンテンツをクリップボードにコピーする < スタイル タイプ =

    2022-01-09 12:37:44
  • border-radius は、要素に丸みを帯びたボーダーを追加する方法です。

    border-radius:10px; /* すべてのコーナーで半径10pxの角丸を使用 *。 border-radius: 5px 4px 3px 2px; /* 半径は左上、右上、右下、左下の4値で、時計回りに回転します *。 border-radiusの値はpx単位でしか使えないと思わないでください。パーセントやemも使えますが、互換性はまだ高くありません。 上半円のソリッド。 方法 高

    2022-01-09 12:26:45
  • vertical-alignで入力とimgを揃える。

    inputとimgを同じ行に入れると、imgタグが必ずinputより1頭分上に来てしまい、非常に見苦しいです。以前からいろいろな方法を試しましたが、どれもうまくいきません。その後、imgにalign="absmiddle "属性を追加する方法が最もポピュラーであることがわかり、これは一見うまくいきそうですが、HTML標準に準拠していないことがわかりました。そこで、inputとimgの両方にvert

    2022-01-09 11:57:15
  • Iframeページの内部ナビゲーションウィンドウについて簡単にご紹介します。

    Iframeページ内のナビゲーションウィンドウの紹介 以上、Iframe Webページ内のナビゲーションウィンドウについてお伝えしましたが、ご参考になれば幸いです。

    2022-01-09 11:52:59
  • レスポンシブフレームワークの分析、テーブル表ヘッダー自動改行クイックソリューション

    最近、bootstrapでWebサイトを開発していたのですが、テーブルを扱う場合、PCで見ると普通のスタイルなのに、モバイルで見ると画面が小さいため圧縮され、テーブルのヘッダーやデータが以下のように変形していることがわかりました。 そこで、インターネットで検索したところ、この問題を解決するために追加すると良いCSSプロパティが見つかりました    ここで記録するために こ

    2022-01-09 10:38:18
  • HTMLの異空間の特徴と表現を探る(推奨)

    I. 概要 HTMLテンプレートを記述する際、テキストレイアウトの手段としてスペースを使用することがあります。多くの場合、テキストの段落間にスペースを挿入し、比較的離れた単語を区切ります。しかし、この場合、通常のスペース(半角スペース、すなわち英語入力方式でキーボードから直接入力するスペース)は使用しないのが普通です。このようなスペースを複数並べて入力して空白の段落を作ることを想定すると、ウェブ

    2022-01-09 10:24:29
  • スクロールバーを非表示にするhtmlの簡易実装

    1. 属性付きhtmlタグ XML/HTMLコード コンテンツをクリップボードにコピーする < html ラング = "en" クラス = "no-ie" スタイル = "overflow:hidden;" > 2. ボディに次のコードを追加します。 XML/HTMLコード コンテンツをクリップボードにコピーする < スタイル タイプ =

    2022-01-09 08:57:14
  • HTMLのmetaタグのよくある使い方集

    mataタグとは何ですか? は 要素は、検索エンジン向けの説明やキーワード、更新頻度など、ページに関するメタ情報を提供します。 また その タグは文書の先頭に置かれ、内容は含まれません。の属性は タグは、その文書に関連する名前と値のペアを定義します。 metaは、html言語のheadセクションにあるヘルパータグです。metaタグはほとんどすべてのWebページで見ることができます

    2022-01-09 08:55:21
  • htmビギナーズノート(初めての方必見)

    I. htmlとは HTML(HyperText Markup Language):ハイパーテキストマークアップ言語、プレーンテキスト型言語の一種 --ウェブページのコンテンツは、先の尖った大括弧の付いた「タグ」を使って一つ一つ識別されます。 Webページのデザインに使用されるマークアップ言語。この言語で書かれたファイルは、ブラウザで解釈され、接尾辞に.htmlまたは.htmが付きます。

    2022-01-09 08:45:06
  • HTML要素] 画像を埋め込む方法

    img 要素は、HTML 文書に画像を埋め込むことができます。 そのため 画像を埋め込むには、src属性とalt属性を使用し、以下のコードを記述する必要があります。 < イムグ src = "... /img/example/img-map.jpg "です。 アルト = "商品画像" 幅 = "580" 高さ = "266" /> 表示効果。 1 ハ

    2022-01-09 08:41:21
  • 便利なメタ設定方法をいくつか紹介(必見)

    {未定義 {未定義 {未定義 {未定義 {未定義 {未定義 {未定義 {未定義 --> --> --> --> --> --> --> --> --> {未定義 上記の記事は、便利なメタ設定方法(必見)私があなたと共有したすべてであり、私はそれがあなたに参考を与えることができることを願って、私はまた、より多く

    2022-01-09 08:31:40
  • htmlで細い線のテーブルを作る簡単な例

    この細い線のテーブルの制作方法については、Baiduは、これらの値を設定することを伝えるために答えを持っているかもしれません:テーブルに設定border="0" cellspacing="1" bgcolor="#990033" これらの値だけではなく、セルに別の背景色、例えば: bgcolor="#fff" 設定することができるようになりました。しかし、なぜこれらの値を設定するのかについては、

    2022-01-09 08:27:23
  • H5入力ボックスヒント+通常テキストボックスヒント実装方法

    XML/HTMLコード 内容をクリップボードにコピーする < 入力 イド = "ユーザー名" 名称 = "ユーザー名" タイプ = "テキスト" プレースホルダー = " ユーザー名/携帯電話番号を入力してください" 価値 = "" スタイル = "幅:100%;高さ:32px;ボーダースタイル:なし" /> placeholder=" ユ

    2022-01-09 08:09:49
  • Html+cssでプレーンテキストとアイコン付きボタンを実現する

    この記事では、いくつかの基本的なページ要素の実装についてまとめており、順次更新していく予定です。まず、最も遭遇したのはボタンの切り出しかもしれませんが、ボタンは様々な外観を持っているかもしれませんが、一般的には純粋なテキストとアイコン付きのボタンに分けることができ、以下はこの2つのボタンの実装についてお話します。レンダリングは以下の通りです。 コードは以下の通りです。 XML/HTMLコード

    2022-01-09 07:58:56
  • HTMLタグのhref属性で相対パスと絶対パスの使い分けを解説

    実用的なWeb開発では、画像の挿入やCSSファイルのインクルードなど、パスが必要です。誤ったパスが付加されていると、参照に失敗する(リンク先のファイルが閲覧できない、挿入した画像が表示できないなど)。初心者の方は混乱される方が多いので、以下、相対パスと絶対パスについて詳しく紹介します。 HTML相対パス このファイルが置かれているパスによって引き起こされる、他のファイル(またはフォルダ)とのパ

    2022-01-09 07:31:08
  • ie8でタグの背景画像が表示されない問題の解決方法

    今日、ちょっとした問題に遭遇し、ずっと悩んでいたので、以下に共有します。 タグに背景画像を追加するには、display:block スタイルを しかし、ie8ではやはり背景画像が表示できません。最初はaタグが空だからだと思い、コンテンツを追加してみましたがうまくいかず、その後、ちょっとしたことに気づき、正常に表示されるように修正しました。 改造前。  コピーコード

    2022-01-09 06:40:12