HTML内のテキストでボックスを作成する方法

...

HTMLを使用して、テキストのブロックを含むボックスを作成します。

ハイパーテキストマークアップ言語(HTML)は、Webページの構造とコンテンツを作成するために最も一般的に使用される言語です。 HTMLには、ユーザーがリンク、画像、段落、見出しなどを生成できるようにするさまざまな要素が含まれています。 これらの要素は、タグと呼ばれる特定の文字セットを使用してページに追加されます。 必要な要素とタグの組み合わせを理解したら、HTMLのボックスで囲まれたテキストのブロックを作成するのは簡単な作業です。

ステップ1

編集するWebページを開き、そのHTMLコードを表示します。 テキストエディタを使用する場合は、プログラムでページを開き、ボックスとテキストが表示されるページのセクションに到達するまで下にスクロールします。 Microsoft ExpressionWebやAdobeDreamweaverなどのビジュアルWebサイトプログラムを使用している場合は、ページを開いて、ボックスとテキストを追加する領域をクリックします。 その後、表示モードを「コードビュー」に変更して、ページの動作を制御するHTMLを表示します。

今日のビデオ

ステップ2

「Enter」キーを押して、HTMLコードに空白行を作成します。

ステップ3

次の3行のコードをコピーして、前の手順で作成した空白行に貼り付けます。

段落テキストのブロックがここに表示されます

ステップ4

必要に応じて、前の手順で追加したコードのパラメーターを調整します。 コードの最初の行の「500px」、「2px」、「solid」、「black」の値を変更して、幅、境界線のサイズ、境界線のスタイル、境界線の色を変更します。 コードの2行目の「10px」の値を変更して、テキストを囲むスペースの量を変更します。 開口部の間にあるテキストを変更します "

「そして閉じる」

「ページのニーズに合わせたタグ。

ステップ5

ページを保存して、Webブラウザで開きます。 前の2つの手順で挿入および変更したコードは、段落テキストのブロックを囲む黒い境界線のある500ピクセル幅のボックスを追加します。