مقدمه
سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه قبل آموختیم که چگونه با تگ output کار کنیم؛ تگ output نتیجه یک محاسبه را نشان می دهد.
در این جلسه قصد داریم آموزش کار با تگ p در HTML را به علاقمندان این دوره ارائه نماییم.
آموزش کار با تگ p در HTML
به مثال زیر توجه نمایید.
در این مثال می توانید ببینید که که یک پاراگراف paragraph چگونه مشخص شده است.
مثال :
| <p>This is some text in a paragraph.</p> |
تعریف و کاربرد
نیازی به توضیحات چندانی نیست؛ تگ p تگی است که بخ کمک آن می توان یک پاراگراف را تعریف کرد.
مرورگرها بطور خودکار مقداری فضا (حاشیه) را قبل و بعد از هر تگ p اضافه می کنند. حاشیه ها را می توان با CSS (با خصوصیات حاشیه) اصلاح کرد.
پشتیبانی مرورگر ها
تفاوت بین HTML 4.01 و HTML5
خصیصه align در HTML5 پشتیبانی نمی شود.
خصیصه ها
| خصیصه | مقدار | توضیحات |
|---|
| align | left
right
center
justify | این خصیصه تراز متن را در یک پاراگراف مشخص می کند.
این خصیصه در HTML5 پشتیبانی نمی شود. |
خصیصه های سراسری Global Attributes
تگ <p> از خصیصه های سراسری در HTML پشتیبانی می کند.
خصیصه رویداد Event Attributes
تگ <p> از خصیصه رویداد در HTML پشتیبانی می کند.
مثال های تکمیلی
مثال یک
پاراگراف های بیشتر (برخی از رفتارهای پیش فرض پاراگراف).
مثال :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | <!DOCTYPE html> <html> <body> <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> <p> The number of lines in a paragraph depends on the size of your browser window. If you resize the browser window, the number of lines in this paragraph will change. </p> </body> </html> |
مثال دو
مشکلات نوشتن شعر (نمونه هایی از چگونگی نوشتن شعر به زبان HTML).
مثال :
| <!DOCTYPE html> <html> <body> <p> My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me. </p> <p>Note that the browser simply ignores the line breaks in the source code!</p> </body> </html> |
تنظیمات پیش فرض CSS
بیشتر مرورگرها عنصر <p> را با مقادیر پیش فرض زیر نمایش می دهند:
مثال :
| p { display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; } |
کلام آخر
در این جلسه با آموزش کار با تگ p همراه شما بودیم و آموختیم که تگ p تگی است که بخ کمک آن می توان یک پاراگراف را تعریف کرد.
در جلسه آینده با آموزش تگ param همراه شما خواهیم بود.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
