「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > Day -HTMLおよびCSS

Day -HTMLおよびCSS

2025-04-12に投稿されました
ブラウズ:609

html:
HTMLハイパーテキストマークアップ言語のスタンド。
HTMLは、Webページの作成に使用される標準言語です。
タグまたは要素のシステムを使用して、Webページの構造を定義します。

css:

CSSは、カスケードスタイルのシートの略です。
これは、HTMLで作成されたWebページのレイアウトのスタイルとフォーマットに使用されます。
色、フォント、間隔、ポジショニング、レスポンシブデザインなどを制御します。
CSSを使用すると、構造(HTML)を設計(スタイル)から分離することができ、Webサイトの維持が容易で柔軟性が容易になります。

js:
JSはJavaScriptの略です。
これは、Webブラウザー内で動的でインタラクティブな効果を作成するために使用されるプログラミング言語です。
HTMLはページを構成し、CSSがスタイルを整えていますが、JavaScriptはページとの相互作用を可能にし、コンテンツを動的に変更できます。

html:
HTMLは、Webコンテンツの構造と意味を定義するテキストベースの言語です。

Day -HTML ans CSS

スタンドアローンタグ:
HTMLでは、スタンドアロンタグは、閉鎖タグを必要としないHTML要素を指します。これらは、多くの場合、自己閉鎖タグまたはボイド要素とも呼ばれます。

例:



構造タグ:
タグは通常、ペアになります:オープニングタグとクロージングタグ。

例:



要素:
要素はウェブページの構成要素であり、ドキュメント内のさまざまなタイプのコンテンツと構造を表します。

HTML要素のコンポーネント:

Opening Tag: The starting part of the element that defines the type of content that follows.
    Example:

,

,
, Day -HTMLおよびCSS Content: The content placed between the opening and closing tags (if applicable). This could be text, images, links, or other elements. Example: This is a paragraph. Closing Tag: The closing part of the element that indicates the end of the element. It is the same as the opening tag, but with a forward slash (/) before the tag name. Example: , ,
Attributes (Optional): Additional properties that provide extra information about the element. Attributes are added inside the opening tag. Example:>

Example:


    ILUGC



   

Explanation of the HTML Structure:

: Root element of the HTML document.
        : Contains metadata for the page, including the title and styles.
        :Contains the content visible on the page.

    Inside the :
        The  tag gives the webpage its title when viewed in the browser tab.
        The <style> tag contains the internal CSS to style the page.

    Inside the <body>:

        .container:A container div with a class container that holds all the page elements.
            It's styled with a border, height, width, and centered using margin:auto.

        .header: A section that contains the main title (<h1>) and a subtitle (<h4>) about the ILUGC group.
            The h4 tag is styled with uppercase letters, a red color, a border on top, and some padding.

        navbar: This seems to be a placeholder for a navigation bar.

        layout: A section for the main content layout, with two subsections:
            mainLayout: Likely for the main content area.
            sideLayout: Likely for a sidebar or additional content.

        footer: Placeholder for the footer section.

</style>

div:
この要素は、他の要素をグループ化し、スタイリングまたはレイアウトプロパティを適用するために使用されるブロックレベルのコンテナです。

クラスセレクター:

クラスセレクターは、特定のクラス属性を持つ要素を選択し、スタイルするために使用されます。これは、CSSで最も一般的に使用されるセレクターの1つです。クラスセレクターは、ドット(。)に続いてクラス名で定義されます。

構文:

。className { }
.classname {

}

要素セレクター:

要素セレクター(Type Selectorとも呼ばれます)は、タグ名に基づいてHTML要素を選択およびスタイルするために使用されます。ドキュメント内の特定のタイプのHTML要素のすべてのインスタンスにスタイルを適用できます。

構文:

要素 { }
.classname {

}

マージン:

CSSのマージンプロパティは、要素の外側のスペースを作成するために使用されます。

構文:

要素 { マージン:値; }
.classname {

}
パディング:

CSSのパディングプロパティは、コンテンツと境界の間に要素内にスペースを作成するために使用されます。

構文:

要素 { パディング:価値; }
element {
  padding: value;
}
リリースステートメント この記事は、https://dev.to/lakshmipritha/day-30-html-ans-css-3bmn?1に再現されています。
最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3