دانلود وردپرس

نسخه 4.4 فارسی

ارسال مقاله

شما هم نویسنده شوید

قالب HTML

کاملا فارسی و راست چین

فارسی سازی

درخواست فارسی سازی

سلام خدمت کاربران عزیز

امیدوارم تمرینات جلسه قبلی قالب بندی متون در HTML رو انجام داده باشید.

قالب بندی متون در HTML - قسمت دومف

تگ هایی که برای قالب بندی متن در جلسه قبلی گفته شد رو در زیر یه مرور خلاصه می کنیم. سعی کنید بگید که هر تگ برای چی استفاده می شد.

در صورتی که در انجام تمرینات مشکلی داشتید در قسمت نظرات اعلام کنید تا بررسی کنیم و رفع کنیم با کمک هم.

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

ویرایشگر خودتون رو باز کنید و یک فایل HTML درون پوشه قسمت ۴ ایجاد کنید و یک ساختار استاندارد برای کدهای HTML بنویسید :

 

  1. تگ big در HTML

اولین تگ big هست. این تگ محتوای خودش رو یک اندازه بیشتر از محتوای اطرافش نشون میده. البته نه اینکه بیاد و ببینه اطرافش چه سایزی هستن و بر اساس اون تغییر کنه. در واقع نسبت اندازه ی فعلی خودش یک واحد بزرگتر میشه. این واحد ها از ۱ تا ۷ هستند و ۷ بزرگترین واحد هست.

و حالا نتیجه رو می بینیم :

تگ big در HTML

۲٫ تگ small در HTML

این تگ هم برعکس تگ قبلی محتوای درونش رو یک واحد کوچکتر نمایش میده.

و نتیجه کد بالا رو در عکس زیر مشاهده می کنیم :

تگ small در HTML

   ۳٫ تگ del و ins در HTML

از تگ del برای بیان مثلا مطلبی که قبلا بیان شده و الان تغییر کرده یا کلا حذف شده و دیگه موجود نیست استفاده میشه.تگ del به نظرتون شبیه کدوم تگ هست؟ بله تگ s. ظاهر این دو تگ یکی هستن اما تگ del به موتور های جستجو اعلام می کنه که محتوای درون این تگ دیگه مهم نیست و اینکه حذف شده. و از تگ ins هم برای وارد کردن یک مطلب یا محتوای جدید استفاده میشه .

به مثال دقت کنید :

و حالا نتیجه رو ببینیم :

تگ del و ins در HTML

   ۴٫ تگ Hn در HTML

برای نمایش متن ها به صورت سرتیتر از تگ Hn استفاده می شود که مقدار n از ۱ تا ۶ متفاوت است. در واقع این تگ ها به صورت H1 , H2 , H3 , H4 , H5 , H6 هستند. تگ H1 بزرگترین سرتیتر و تگ H6 کوچک ترین سرتیتر است.

به مثال توجه کنید :

و حالا نتیجه رو در زیر می بینیم :

 

تگ های سرتیتر یا Hn در HTML

 

۵٫ تگ p در HTML

از تگ p برای ایجاد یک پاراگراف در HTML استفاده می شود. این تگ از اول خط شروع شده و یک فضای خالی قبل و بعد از خود ایجاد می کند.

به کد زیر دقت کنید:

و حالا نتیجه کد رو می بینیم :

تگ p در HTML

اگر به کد دقت کنید اومدیم و دو تا تگ p رو پشت سر هم نوشتیم اما هنگام نمایش به صورت مجزا و درون خطی جدا دیده میشه.

 

۶٫ تگ abbr و acronym در HTML

از تگ های abbr و acronym برای تعیین عبارت کامل کلماتی که به صورت مختصر و کوتاه بیان میشن استفاده می کنیم. این تگ ها صفتی به نام تایتل دارند. در مورد صفت ها در جلسه پنجم دوره آموزش HTML توضیح خواهیم داد. این مقدار هنگامی که نشانگر ماوس روی عبارت میره به صورت یک جعبه کوچیک (ToolTip) عبارت کامل رو نشون میده.

کد :

و نتیجه :

تگ abbr در HTML

 

تمرینات بخش دوم قالب بندی متون در HTML :

خب یه صفحه وب می خوام برام طراحی کنید به شکل زیر. جابجایی و ایجور چیزا مهم نیست. مهم اینه که تمرین کنید تا یاد بگیرید. تمام تلاش خودتون رو برای انجام تمرینات بکنید. در صورتی که مشکل دارید در قسمت نظرات بگید تا به صورت اصولی برطرف کنیم و متوجه بشین.

تمرینات بخش دوم قالب بندی متون در HTML

نکته : در تمرین خط اول با سرتیتر شماره ۱ و خط پنجم یعنی www.Nullers.ir با سرتیتر شماره ۳ نوشته شده. همچنین خط آخر هم یک ToolTip داریم.

میدونم که میتونید تمرینات رو به خوبی انجام بدید.

پایان قسمت دوم قالب بندی متون در HTML

nullers.ir

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

خبرنامه نالرز

اگر وردپرس بخشی از زندگی شما را تشکیل میدهد , ایمیل خود را در کادر زیر وارد کنید و خود را به طور رایگان عضوی از خانواده +12000 تایی وردپرسی ها کنید !
مطمئن باشید ایمیل شما پیش ما محفوظ است و پاتوق تبلیغاتی ما نخواهد بود