HTML の基本チュートリアル: HTML の DIV

DIVとは

まずはWebサイトを見てみましょう

このWebサイトの各赤枠は、論理的な部分であるDIVを大まかに表しています。

Web ページの作成プロセス中に、いくつかの独立した論理部分を分割し、この <div> タグがコンテナとして機能します。

構文:

論理部分を決定します:

論理部分とは何ですか?これは、ページ上の相互に関連する要素のセットです。たとえば、Web ページの独立した列セクションは、典型的な論理部分です。上の図に示すように、<div> にいくつかのタグを配置して、独立した論理部分を作成します。一般的なアプリケーションでは、ロジックを明確にするために、この独立した論理部分に名前を設定し、id 属性を使用して <div> に一意の名前を付けることができます。これは、私たち一人ひとりが ID カード番号を持っているようなものです。、この ID 番号は私たちの身元を一意に識別するものであり、一意である必要があります。

この ID を後で学習する CSS と JavaScript と組み合わせると、非常にクールな Web サイトを作成できます。このセクションでは、DIV

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
</head>
<body>
<div id="html">
   <h2>HTML课程</h2>
    <ol>
       <li>轻松入门HTML+CSS，掌握编程必备技能</li>
      <li>HTML 0基础入门教程</li>
       <li>HTML+CSS 轻松入门</li>
    </ol>
</div>
<div id="php">
    <h2>PHP课程</h2>
    <ul>
       <li>轻松入门PHP，踏上成为大牛的第一步</li>
       <li>php 新手入门</li>
       <li>PHP 零基础 轻松学</li>
    </ul>
</div>
</body>
</html>

の目的を理解してください。

学び続ける

新しいファイル

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> </head> <body> <div id="html"> <h2>HTML课程</h2> <ol> <li>轻松入门HTML+CSS，掌握编程必备技能</li> <li>HTML 0基础入门教程</li> <li>HTML+CSS 轻松入门</li> </ol> </div> <div id="php"> <h2>PHP课程</h2> <ul> <li>轻松入门PHP，踏上成为大牛的第一步</li> <li>php 新手入门</li> <li>PHP 零基础轻松学</li> </ul> </div> </body> </html>

提出するリセットコード

自動運転