HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLインデント

text-indentプロパティと呼ばれるHTMLインラインスタイルプロパティは、紙を書くときに段落の最初の行をインデントするのと同じように、テキストの各段落をインデントします。

コードエディタは、ピクセル（px）でテキストインデントを作成する方法を示しています。

<!DOCTYPE html>
<html lang="en">
   <head>
       <meta charset="UTF-8" />
       <meta name="viewport" content="width=device-width, initial-scale=1.0" />
       <title>Text Indent HTML</title>
   </head>
<body>
       <p style="text-indent: 25px;">
           Baseball ipsum dolor sit amet passed ball outs, sweep stretch bleeder triple play. Left fielder count fair swing cork balk ball. Full count southpaw reliever lineup crooked number fastball second base. Perfect game outfielder rally force dodgers right fielder dead ball era right field. Pickoff world series peanuts batting average cup of coffee foul inside robbed. Bleeder club appeal first base sidearm mustard steal line drive inning.
       </p>
         
          
       <p style="text-indent: 25px;">
           Sidearm bullpen base on balls national pastime losses reliever umpire pull dribbler. Manager 4-bagger tag national pastime pennant good eye relief pitcher. Save on-base percentage fan ejection baseball card skipper reliever strikeout bench. On-base percentage fenway contact win warning track, ball rhubarb center field. Starting pitcher hey batter out cellar cardinals basehit double switch. Play hey batter tigers sidearm in the hole shortstop no decision.
 
       </p>
       <p style="text-indent: 25px;">
 
           Off-speed petey pinch hitter astroturf walk off no decision count full count wrigley. Hack cheese helmet tossed gap run red sox. Fall classic in the hole ejection rotation rally center field shift. Manager pickoff knuckleball assist pinch runner pitchout stretch. Steal hardball extra innings alley rubber off-speed flyout third base. Baseline butcher boy umpire left field hitter, catcher win right field can of corn.
          
       </p>
   </body>

この例は、ピクセル（px）と呼ばれる絶対長の単位を示しています 。 em のように、インデントを相対/レスポンシブ長さの単位で表すこともできます。 、 rem 、次に％ 全体的な要素/段落の幅の。

このプロパティは、同じ名前のCSSプロパティと同じです。これとCSSバージョンの唯一の違いは、セレクタールールが配置されている場所です。 CSS text-indentプロパティは、HTMLヘッドまたはCSS外部スタイルシートのスタイルタグ内の他のCSSルールとともに配置されます。 HTMLに相当するものは、実際のマークアップでインラインスタイルとして記述されます。


  1. HTMLレイアウト

    HTMLレイアウトは、HTMLWebページ上のコンポーネントの配置を指定します。 Webページのさまざまなセクションを定義する多くのHTMLセマンティック要素があります。 HTMLレイアウトに使用されるセマンティックHTML要素は次のとおりです。 タグ 説明 ヘッダー セクションまたはドキュメントのヘッダーを指定します。 セクション ドキュメント内のセクションを表します。 nav ナビゲーションリンクのコンテナを指定します。 記事 独立した自己完結型の記事を指定します。 脇 メインコンテンツ以外のコンテンツ（サイドバーなど）のタグを指定します。 フッター セクション

  2. HTMLエディター

    HTMLエディターは、HTMLドキュメントを（場合によっては）作成して実行するためのツールです。ユーザーが利用できるプロのHTMLエディターがいくつかあります（有料と無料の両方）。 テーマ、端末サポートなど、特定のアドオン機能はメモ帳以外のさまざまなHTMLエディタで提供されます。 以下は、一般的に使用されるHTMLエディタの一部です- メモ帳 最も基本的な無料のHTMLエディタの1つ。 Notepad ++ Notepad++はフリーテキストエディタでもあります。 C ++で記述され、構文の強調表示、プログラミング、スクリプトなどの制限付きオートコンプリートなどの機