5گام آشنایی با تَگ پاراگراف p (درس 4)

ویدئو آموزشی آشنایی با تَگ پاراگراف p (درس 4)

 
چگونه کُد html یک صفحه سایت را می نویسیم

چگونه کُد html یک صفحه سایت را می نویسیم

مرور درس های گذشته...

در درس های قبل گفته شد که یک سایت از کُد html ساخته می شود.

و کد html از مجموعه ای از تَگ ها شکل میگیرند.

نام هر تَگ بین علامت کوچکتر< و بزرگتر>  قرار میگیرد.

به طور استاندارد در درون تَگ html ، دو تگ head و body قرار دارند.

به طور مثال کد زیر یک متن را به نمایش در می آورد:

<html>

    <head>

    </head>

    <body>

                 اولین صفحه سایت من    

    </body>

</html>

 
نوشتن متن با تَگ پاراگراف p

نوشتن متن با تَگ پاراگراف p

در قسمت قبلی متن دلخواه را بدون تَگ نوشتیم.

اما اصول نوشتن یک پاراگراف یا متن استفاده از تَگ <p> میباشد.

به این صورت که تَگ باز و بسته p را می نویسیم و سپس درون آن متن دلخواه را قرار میدهیم.

کد قسمت قبلی را با تَگ p ببینید:

<html>

    <head>

    </head>

    <body>

          <p>

           اولین صفحه سایت من    

          </p>       

    </body>

</html>
نوشتن چند متن با تکرار تَگ p یا پاراگراف

نوشتن چند متن با تکرار تَگ p یا پاراگراف

برای نوشتن پاراگراف های مختلف میتوانیم با تکرار تَگ های مختلف p بهره ببریم.

توجه داشته باشید متن هر پاراگراف از اول خط شروع میشود.

به کُد زیر توجه فرمایید و خروجی این کد را تست نمایید:

<html>

    <head>

    </head>

    <body>

          <p>

          اولین صفحه سایت من    

          </p>       

          <p>

            آکادمی برنامه نویسی و طراحی سایت آلپان    

          </p>     

          <p>

             www.Alpan.ir    

          </p>      

    </body>

</html>
کوتاه نویسی کُد ها

کوتاه نویسی کُد ها

توجه داشته باشید ما میتوانیم کُد ها را به صورت زیر کوتاه بنویسیم.

یعنی تَگ باز و بسته p و متن داخل آن را در یک خط بنویسیم.

و در نحوه نمایش هیچ تغییری ایجاد نمی شود.

<html>

    <head>

    </head>

    <body>

          <p> اولین صفحه سایت من  </p>       

          <p> آکادمی برنامه نویسی آلپان </p>     

          <p>www.Alpan.ir </p>      

    </body>

</html>

 

متن را درون چه تَگی مینویسیم؟




تَگ های p درون چه تَگی نوشته می شوند؟




پایان درس

لطفا در صورتی که تماما و با دقت مطالب این درس را فرا گرفتید، دکمه خواندم را کلیک کنید.

آفرین بر شما که با پشت کار و علاقه تا اینجا پیش آمدین

خوشحالیم بتوانیم آینده متفاوتی برای شما خلق کنیم

مرور سریع درس آشنایی با تَگ پاراگراف p

  • ویدئو آموزشی آشنایی با تَگ پاراگراف p (درس 4)

     

  • چگونه کُد html یک صفحه سایت را می نویسیم

    در درس های قبل گفته شد که یک سایت از کُد html ساخته می شود.

    و کد html از مجموعه ای از تَگ ها شکل میگیرند.

    نام هر تَگ بین علامت کوچکتر< و بزرگتر>  قرار میگیرد.

    به طور استاندارد در درون تَگ html ، دو تگ head و body قرار دارند.

    به طور مثال کد زیر یک متن را به نمایش در می آورد:

    <html>

        <head>

        </head>

        <body>

                     اولین صفحه سایت من    

        </body>

    </html>

     

  • نوشتن متن با تَگ پاراگراف p

    در قسمت قبلی متن دلخواه را بدون تَگ نوشتیم.

    اما اصول نوشتن یک پاراگراف یا متن استفاده از تَگ <p> میباشد.

    به این صورت که تَگ باز و بسته p را می نویسیم و سپس درون آن متن دلخواه را قرار میدهیم.

    کد قسمت قبلی را با تَگ p ببینید:

    <html>

        <head>

        </head>

        <body>

              <p>

               اولین صفحه سایت من    

              </p>       

        </body>

    </html>

  • نوشتن چند متن با تکرار تَگ p یا پاراگراف

    برای نوشتن پاراگراف های مختلف میتوانیم با تکرار تَگ های مختلف p بهره ببریم.

    توجه داشته باشید متن هر پاراگراف از اول خط شروع میشود.

    به کُد زیر توجه فرمایید و خروجی این کد را تست نمایید:

    <html>

        <head>

        </head>

        <body>

              <p>

              اولین صفحه سایت من    

              </p>       

              <p>

                آکادمی برنامه نویسی و طراحی سایت آلپان    

              </p>     

              <p>

                 www.Alpan.ir    

              </p>      

        </body>

    </html>

  • کوتاه نویسی کُد ها

    توجه داشته باشید ما میتوانیم کُد ها را به صورت زیر کوتاه بنویسیم.

    یعنی تَگ باز و بسته p و متن داخل آن را در یک خط بنویسیم.

    و در نحوه نمایش هیچ تغییری ایجاد نمی شود.

    <html>

        <head>

        </head>

        <body>

              <p> اولین صفحه سایت من  </p>       

              <p> آکادمی برنامه نویسی آلپان </p>     

              <p>www.Alpan.ir </p>      

        </body>

    </html>