اموزش HTML-قسمت ششم ، پاراگراف ها
اموزش HTML-قسمت ششم ، پاراگراف ها
سلام و عرض ادب خدمت تمام دوستان
خوب، اموزش HTML-قسمت ششم ، پاراگراف ها رو با هم شروع میکنیم…
صفحات وب که شامل متن هستن، از پاراگراف ها تشکلی میشن، برای ایجاد پاراگراف باید از تگ
1 2 3 |
<p> matne man </p> |
استفاده کنیم
شما، نمیتونید با ایجاد فاصله و یا زدن اینتر، در پاراگراف ها، به صفحه ارایی اونا بپردازید و مرورگر ها خود به خود خط های جدید و فضاهای خالی ای که شما ایجاد کردید رو، فقط و فقط یک فاصله یا space در نظر میگیرن…
مثال زیر رو ببینید…
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<p> This paragraph contains a lot of lines in the source code, but the browser ignores it. </p> <p> This paragraph contains a lot of spaces in the source code, but the browser ignores it. </p> |
خروجی قطعه بالا، به شکل زیر خواهد بود:
1 2 3 4 5 |
This paragraph contains a lot of lines in the source code, but the browser ignores it. This paragraph contains a lot of spaces in the source code, but the browser ignores it. The number of lines in a paragraph depends on the size of the browser window. If you resize the browser window, the number of lines in this paragraph will change. |
فراموش نکنید که حتما ، تگ هارا ببنید
اگرچه مرورگرهای جدید و امروزی، اگر تگ هارو هم نبندید، باز کد رو اجرا میکنن، اما نمیشه همیشه روی این توانایی حساب کرد، پس حتما، بعد از استفاده از تگ ها، ببندینشون…
نبستن تگها، میتونن ارور هایی رو در زمان اجرا، به وجود بیارن…
چگونگی رفتن به خط بعد در Html
برای اینکه عمل اینتر یا رفتن به خط بعد رو انجام بدید، باید از break استفاده کنیم که تگش به این شکل هست
1 |
<br> |
کد زیر رو ببینید:
1 |
<p> schoolearn.ir<br> tahaghogh royaaye barname nevisi>/p> |
خروجی به شکل زیر خواهد بود
tahaghogh royaaye barname nevisi
خوب، حالا فرض میکنیم که شما، چند خط رو صفحه ارایی کردید و میخواین ازش استفاده کنید،
کد زیر رو ببینید
1 2 3 4 5 6 7 8 9 |
<p> شهاب الدین اسکندری . . . . . اسکولرن . . . . ......... . . . . . . تحقق رویای برنامه نویسی . . . . ...... . . .. . . </p> |
خروجی این کد، مثل زیر خواهد بود…
چرا که ما از پاراگراف استفاده کردیم، حالا میتونیم از تگ <pre> استفاده کنیم…
تگ pre به مرورگر میفهمونه که این محتوای موجود در تگ، باید مثل قبل از خوانده شدن صفحه توسط مرورگر ، خوانده بشه…
مثال زیر رو ببینید…
1 2 3 4 5 6 7 8 9 |
<pre> schoolearn.ir شهاب الدین اسکندری . . . . . اسکولرن . . . . ......... . . . . . . تحقق رویای برنامه نویسی . . . . ...... . . .. . . </pre> |
خروجی کد به شکل زیر خواهد بود
خوب، توی این قسمت، ما از 3 تگ زیر استفاده کردیم:
تگ | کاربرد |
---|---|
p | تعریف یک پاراگراف |
pre | تعریف یک متن با فرمت قبل از ترجمه |
br | ساخت یک خط جدید |
پایان این قسمت اموزش HTML-قسمت ششم ، پاراگراف ها …