HTML 内のテキストでボックスを作成する方法
HyperText Markup Language (HTML) は、Web ページの構造とコンテンツを作成するために最も一般的に使用される言語です。 HTML には、ユーザーがリンク、画像、段落、見出しなどを生成できるようにするさまざまな要素が含まれています。これらの要素は、タグと呼ばれる特定の文字セットを使用してページに追加されます。必要な要素とタグの組み合わせを理解したら、HTML でボックスで囲まれたテキスト ブロックを作成するのは簡単です。
ステップ 1
編集する Web ページを開き、その HTML コードを表示します。テキスト エディターを使用する場合は、プログラムでページを開き、ボックスとテキストが表示されるページのセクションに到達するまで下にスクロールします。 Microsoft Expression Web や Adobe Dreamweaver などの視覚的な Web サイト プログラムを使用している場合は、ページを開いて、ボックスとテキストを追加する領域をクリックします。その後、表示モードを「コード ビュー」に変更して、ページの動作を制御する HTML を表示します。
ステップ 2
「Enter」キーを押して、HTML コードに空白行を作成します。
ステップ 3
次の 3 行のコードをコピーして、前の手順で作成した空白行に貼り付けます:
ここに段落テキストのブロックが入ります
ステップ 4
必要に応じて、前の手順で追加したコードのパラメーターを調整します。コードの最初の行の「500px」、「2px」、「solid」、および「black」の値を変更して、幅、境界線のサイズ、境界線のスタイル、および境界線の色を変更します。コードの 2 行目の「10px」値を変更して、テキストを囲むスペースの量を変更します。開始 "
の間にあるテキストを変更します"そしてクロージング"
" タグをページのニーズに合わせます。
ステップ 5
ページを保存し、Web ブラウザーで開きます。前の 2 つの手順で挿入して変更したコードは、段落テキストのブロックを囲む、黒い境界線を持つ幅 500 ピクセルのボックスを追加します。