フロントエンドの日 - html、css)-CSSチュートリアル-php.cn

ホームページ

ウェブフロントエンド

CSSチュートリアル

フロントエンドの日 - html、css)

Jan 05, 2025 am 11:01 AM

HTMLとは何ですか?

HTML は、ほとんどの Web サイトが書かれている言語です。 HTML はページを作成し、機能させるために使用されます。(ハイパーテキストマークアップ言語)

CSSとは何ですか?

カスケードスタイルシート (CSS) は、HTML または XML (SVG、MathML、XHTML などの XML 言語を含む) で書かれたドキュメントのプレゼンテーションを記述するために使用されるスタイルシート言語です。 CSS は、画面上、紙上、音声、またはその他のメディア上で要素をどのようにレンダリングするかを記述します。

HTML は Web ページを作成するための言語です。HTML は骨格のようなもので、CSS は筋肉や神経のようなものです。 Javascript は指揮官言語です

Front end day-html,css)

html タグは HTML 内で使用する構造であるため、すべての HTML ページで使用されます。

タグを開いているときは必ずタグを閉じる必要があります

HTMLタグとは:

タグは HTML 要素の開始をマークアップするために使用され、通常は山かっこで囲まれます

通常、すべての HTML ページには次のものが含まれます:

ヘッダー
ナビゲーション
レイアウト
メインレイアウト
側面レイアウト
フッター

自己終了タグとは

自己終了タグは void 要素とも呼ばれ、別の終了タグを必要としない HTML 要素です。これらのタグは自己完結型であり、通常、開始タグと終了タグの間にコンテンツを含まない要素に使用されます。自己終了タグは、HTML 構造をクリーンで簡潔に保つのに役立ちます。

divタグとは何ですか?

HTML の

タグは、HTML ドキュメント内のセクションを定義し、CSS でスタイル設定されたコンテナまたは JavaScript で制御されたコンテナとして機能します。 class または id 属性を使用して簡単にカスタマイズでき、さまざまなコンテンツを含めることができます。

&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;ILUGC&lt;/title&gt;
&lt;style&gt;
.container{
    border:1px solid;
    height:200%;
    width:85%;
    margin:auto;
}
.header h4{
    text-transform: uppercase;
    color:#e22d30;
    border-top:1px solid green;
    width: fit-content;
    padding-top:10px;
}
.header{

    margin:25px;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
   &lt;div class="container"&gt;
        &lt;div class="header"&gt;
            &lt;h1&gt;ILUGC&lt;/h1&gt;
            &lt;h4&gt;Indian Linux User's Group - Chennai (Madras)&lt;/h4&gt;
        &lt;/div&gt;
        &lt;div class="navbar"&gt;
        &lt;/div&gt;
        &lt;div class="layout"&gt;
           &lt;div class= "mainLayout"&gt; 
           &lt;/div&gt; 
           &lt;div class="sideLayout"&gt; 
           &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="footer"&gt;
        &lt;/div&gt;
   &lt;/div&gt; 
&lt;/body&gt;
&lt;/html&gt;

ログイン後にコピー