HTML の基本チュートリアル: HTML の DIV
DIVとは
まずはWebサイトを見(jiàn)てみましょう
このWebサイトの各赤枠は、論理的な部分であるDIVを大まかに表しています。
Web ページの作成プロセス中に、いくつかの獨(dú)立した論理部分を分割し、この <div> タグがコンテナとして機(jī)能します。
構(gòu)文:
<div>…</div>
論理部分を決定します:
論理部分とは何ですか?これは、ページ上の相互に関連する要素のセットです。たとえば、Web ページの獨(dú)立した列セクションは、典型的な論理部分です。上の図に示すように、<div> にいくつかのタグを配置して、獨(dú)立した論理部分を作成します。一般的なアプリケーションでは、ロジックを明確にするために、この獨(dú)立した論理部分に名前を設(shè)定し、id 屬性を使用して <div> に一意の名前を付けることができます。これは、私たち一人ひとりが ID カード番號(hào)を持っているようなものです。 、この ID 番號(hào)は私たちの身元を一意に識(shí)別するものであり、一意である必要があります。
この ID を後で學(xué)習(xí)する 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>輕松入門(mén)HTML+CSS，掌握編程必備技能</li> <li>HTML 0基礎(chǔ)入門(mén)教程</li> <li>HTML+CSS 輕松入門(mén)</li> </ol> </div> <div id="php"> <h2>PHP課程</h2> <ul> <li>輕松入門(mén)PHP，踏上成為大牛的第一步</li> <li>php 新手入門(mén)</li> <li>PHP 零基礎(chǔ) 輕松學(xué)</li> </ul> </div> </body> </html>
の目的を理解してください。
