• 簡単なhtmlとcssの使い方を解説

    htmlとcssを含む神宮のホームページの静的ページ効果を3日間使って完成させる予定です。 <フォント 1. sublime webstorm vscode Hbuilder atomなどの開発ソフトをインストールする必要があるので、どれかひとつを選んでください。私が使っているのはwebstormです。 2. メインフォルダー内に関連プロジェクトのフォルダー

    2022-01-26 09:07:48
  • HTMLページのスタイルの内側!?-- -- 何のために

    主に下位バージョンのブラウザ向け <! -- -- >はhtmlのコメントタグで、上位バージョンのブラウザでは <style> タグをスタイルシートとして認識し、以下のように表示します。 で、中のhtmlコメントタグは無視され、解析されます。 バージョンが低いブラウザでは、<style>タグを認識せず、スタイルシートの内容をページ上に表示するものがありま

    2022-01-26 08:47:32
  • spanタグのスタイルにwidth属性を設定する方法

    spanタグのスタイルに直接width属性を設定しても、結果は出ません。 display:blockにすると、widthプロパティが有効になりますが、spanはdivと同じになりました。 display:inline-blockを設定すると、スパンは横並びになり、width属性が有効になります。 要素のdisplay属性に共通する値の説明。 1) block: ブロックオブジェクトのデフォ

    2022-01-26 07:28:57
  • metaタグ詳細説明(metaタグの役割)

    あなたの個人的なウェブサイトは、あなたが素晴らしい仕事を行う場合でも、サイバースペースの"広大な海で、だけでなく、フラットボートのように人々が見つけるのは簡単ではありません、どのように個人のウェブサイトを促進するために、人々は最初に次のメソッドを考えた。 検索エンジンへの個人サイトの登録 有名なWebサイトに個人サイトへのリンクを貼る フォーラムに投稿して個人サイトを

    2022-01-26 07:19:16
  • HTML 9ボックスレイアウトの実装方法

    ウェブサイトのレイアウトの多様性は、私たちフロントエンドの得意とするところです 最近、UCブラウザのデフォルトのタブページが9ボックスレイアウトを採用しているのを見かけました。次の勉強で、ここで、私は一緒に学ぶためにコードを共有します 効果は次のとおりです。 XML/HTMLコード 内容をクリップボードにコピーする <スパン <スパン &gt

    2022-01-26 06:54:15
  • 画像ボタンをリセットフォームボタンとして使用する方法

    フォームを作るとき、送信ボタンとリセットボタンを設定することが多いのですが、ページの美観のために、これらのボタンの代わりに小さな写真を使うことがあります。では、絵のボタンをフォームのリセット(再設定)ボタンとして使うにはどうしたらよいのでしょうか。ぜひご一読ください。 ここでは、送信ボタンの画像ok.gifとリセットボタンの画像reset.gifの2つの画像を持っているとします。 画像を送信フ

    2022-01-26 04:45:20
  • HTMLデザインパターン日次学習ノート照合

    HTMLデザインパターンラーニングノート 今週はHTMLのデザインパターンを勉強してきたので、そのまとめです。 I. ボックスモデルについて学ぶ CSSにはボックスモデルという基本的なデザインモデルがあり、要素を箱として見て解析する方法を定義しています。インラインボックス、インラインブロックボックス、ブロックボックス、テーブルボックス、アブソリュートボックス、フローテッドボ

    2022-01-26 03:32:10
  • textareaの動的な残り単語を取得するメソッドの実装方法

    仕事で今まで書いたことのないケースに遭遇し、午後半日かけてかじりつくように書き出したら、見事に達成!。もちろんjsイジメにはたいしたことないけど、自分のjsの実力としては小さな一歩です。 事例を紹介します。テキストエリアのテキストボックスがあるウェブサイトをよく見かけますが、文字を入力すると、下にあと何文字入力できるかを示すテキストが表示されます。もちろん、1つのページに複数のテキストエリ

    2022-01-26 02:15:41
  • form ファイルをアップロードする際のenctypeフィールドの用途は何ですか?

    FORM要素のenctype属性は、フォーム・データをサーバに送信する際に使用されるエンコーディングの種類を指定します。 このエンコーディングメソッドは、フォームを送信する前にコンテンツをurlencodeでエンコードします。(スペースは "+" に変換され、特殊文字は ASCII HEX 値に変換されます)。 例えば、フォーム・フィールドに firstnameはbb ,.で埋まっています

    2022-01-26 01:50:34
  • HTML版宣言DOCTYPEタグ

    普通のウェブサイトのソースコードを開くと、ソースコードは必ず <!DOCTYPE html で始まり、この <!DOCTYPE> の後に、いくつかの > が直接追加されていて、次のように長い文章になっているものがあることがわかるでしょう。 <!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Transitional//EN"

    2022-01-26 01:25:03
  • htmlでナンバープレートの略称を入力するためのコード例

    原理は、キーdivを書いて、自動的に画面の大きさに適応してキーボードを生成するもので、効果は次のとおりです。 具体实现代码如下,就不细说了。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" cont

    2022-01-25 23:08:03
  • HTMLのセマンティック化といくつかの簡単な最適化

    1. セマンティック化とは何ですか? Bing.com辞書の解説 セマンティック化とは、ドキュメントのコンテンツを、賢明なHTMLマークアップとその固有の属性でフォーマットすることを指します。平たく言えば、セマンティック化とは、データや情報を機械が理解できるように処理することです。セマンティック(X)HTML文書は、PDA、テキストブラウザ、障害者などの訪問者にとって

    2022-01-25 20:27:19
  • 表中のcesllspacingとcellpaddingの違いについて

    テーブルとは?セルで構成され、表では、各<tr>行に包まれているセルセルの数によって、<td>の数が決まります! また、デフォルトのテーブル表は、cssスタイル <style type="text/css">table tr td,th{border:1px solid #000;} を追加するまで、ブラウザ上ではテーブル行なしで表示されます。 html

    2022-01-25 18:02:06
  • htmlからpdfへの変換は、いくつかの要約の場合(より多くの画像をお勧めします)。

    キーテクノロジーのpdf変換にhtmlは、Webページ内の複雑なCSSスタイルに対処する方法であり、インターネット上の情報の収集を通じて、現在のhtmlはpdf変換ソリューションに分かれていることを発見した3つのカテゴリに分かれています。 クライアントサイドモード : クライアントプログラムの機能を利用して、pdfファイルの変換を完了させるフロントコールとバックコールを行います。テス

    2022-01-25 16:53:17
  • html内のスクリプトの配置について

    今まで、スクリプトはhtmlのどこにでも配置できると考えていましたが、今日、ある要件に取り組んでいて、スクリプトの配置はランダムではない、という間違いを訂正しました。 2択のselectタグを実装したかったのですが、初期化時にデフォルトでnull値を選択するように要求されたので、null値をクリックしたら削除するようにメソッドを追加してあげたら、「selectタグはnull値を選択するもの

    2022-01-25 16:03:45
  • HTMLメタの説明

    はじめに metaタグは、HTML言語のHEADセクションのためのヘルパータグです。 metaは、ページの説明、キーワード、最終更新日、その他のメタデータを定義するために一般的に使用されます。このメタデータは、ブラウザ(ページのレイアウトや再読み込みの方法)、検索エンジン、その他のウェブサービスに提供されます。 mataタグには、グローバル属性( https://dev

    2022-01-25 15:45:10
  • HTML+CSSプロジェクト開発経験概要(推奨)

    数日ブログを更新していませんでしたが、簡単なHTML+CSSのプロジェクトが終了しました。簡単なHTML+CSSのプロジェクトが終わったところです。数日手探りでやってみたところ、いろいろとメリットがあることがわかりました。前に単にデモを記述する必要があり、知識のポイントを参照してください、個人的にハンズオンプロジェクトではありません。しかし、実際の戦いの後、私はより良い私のスキルを向上させる方法

    2022-01-25 14:23:55
  • 行間カラーチェンジを実現するHTML n方法 サンプルコード

    今回は、以下のように共有されている、インターレース・ラインのカラー・チェンジを実現するHTML n waysのサンプルコードを紹介します。 線と線の間の色を変更する方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta nam

    2022-01-25 14:09:57
  • HTML画像imgタグ_动力节目Java学院整理

    抽象的 <テーブル 項目 <スパン 説明 <スパン フォーム <img src="... "> <スパン サポート H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+ タグ省略

    2022-01-25 13:37:39
  • HTMLページでjs、cssファイルのキャッシュを自動でクリーンアップ(バージョン番号を自動で付与)。

     Webプロジェクトの開発プロセスでは、我々はしばしば(明らかにコードを変更したが、ブラウザで変更にアクセスするために発生しませんでした)しばしばキャッシュの問題をファイルを更新した後、CSS、JSファイルを参照してください、この状況は、我々は通常、次の2つのソリューションを使用します。 1. ブラウザのキャッシュを手動でクリアする 2、バージョン番号を追加する(例:lay

    2022-01-25 13:30:30