HTMLのフロートオーバーヘルプ

単純なHTMLおよびCSSコードを使用してビジネス用のWebページを作成するときは、CSSを使用して、コンテンツ内の特定の「部門」をスタイル設定し、HTMLコードで定義できます。それらが「ラップアラウンド」するか、または互いに一致すること。 つまり、コンテンツの一部を他のセクションに合わせて調整し、画像やテキストを列、グリッド、またはその他の指定した配置として合わせることができます。

HTMLとCSS

HTMLはWebブラウザ内でのWebページの表示方法を定義するタグ付きメタ言語を提示しますが、HTMLとCascading Style Sheetsを組み合わせることでWebデザインの真の力が発揮されます。 CSSは、HTMLファイルに埋め込まれた要素の動作を定義し、ページのユニバーサルレイアウトを作成します。 複数のHTMLドキュメントが同じCSSページを参照できます。つまり、すべてのページで通常の外観を適用できます。

HTML部とフローティング

CSSは、HTMLタグの動作を定義することによってHTMLと連携します。 具体的には、CSSは ""タグを利用します。 これらの区分タグは文書の一部を囲み、全体を通して同じスタイルを持つべき個別の情報単位としてそれを識別します。 これらの区分はソートの「ボックス」としても機能します。CSSを使用すると、ページのサイズを変更してもレイアウトが損なわれないように、コンテンツのセクションで色を変更、サイズを変更、または特定のページ境界に移動できます。

CSSとHTMLでのフローティング

「float」属性を使用するには、コンテンツに分割を作成するか、画像を参照します。 あなたのCSSドキュメントでは、あなたはそれからそのdivまたはimageを名前で参照して、そしてそれにfloat属性を与えます。 次のコード例は、内部スタイルシートを使用してこれを実現する方法を示しています。 「section1」という名前のHTML内の分割の幅は100ピクセルです。 floatを使用するすべての分割は指定された幅を必要とします。 画像にはすでに暗黙の幅があります。

クリア、マージン、パディング

float属性の使用の基本とともに、clear、margin、padding属性などの他の項目も使用できます。 clear属性は、他のコンテンツが浮動要素と同じ行に表示されないようにします。 マージンは、ディビジョンの左と下のスペースの周囲のスペースを制御します。 パディングは、コンテンツと部門の境界との間の部門の内部スペースを制御します。 これら3つのアイテムを組み合わせると、テキストや他のイメージをそれらの周りに折り返すことを許可または禁止する、きれいな「箱型」の区分を作成できます。