آموزش برنامه نویسی زبان های مختلف

آموزش برنامه نویسی HTML – قسمت ۴

banner
آموزش برنامه نویسی HTML – قسمت ۴
۵ (۱۰۰%) ۲ votes

در آموزش قبل با تگ های متنی HTML و نحوه استفاده از آنها آشنا شدیم. در این آموزش قصد داریم تگ های مربوط به عناوین و پاراگراف ها و سرفصل ها را توضیح داده و به کار ببریم .
با سری تگ های heading آشنا بشید، این تگ ها اندازه های پیشفرض را فراخوانی میکنند که عمدتاً برای عناوین مورد استفاده قرار می گیرد.
۱
۲
۳
۴
۵
۶
۷
۸
۹
۱۰
۱۱
<h1> H 1 </h1>
<h2> H 2 </h2>
<h3> H 3 </h3>
<h4> H 4 </h4>
<h5> H 5 </h5>
<h6> H 6 </h6>
H 1
H 2
H 3
H 4
H 5
H 6
تگ p برگرفته شده از کلمه پاراگراف برای متمایز کردن دو قسمت از یک متن به کار می رود بدین صورت که بین دو پارگراف به صورت خودکار فاصله ای مانند <br> قرار میگیرد.
۱
۲
<p>این پاراگراف اول من است</p>
<p>این پاراگراف دوم من است<br>این پاراگراف سوم من است</p>
 این پاراگراف اول من است
این پاراگراف دوم من است
این پاراگراف سوم من است

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

ما با تگ ها آشنایی پیدا کردیم اما عناصر HTML چیست ؟
هر تگ یک سری عناصر مختص به خود را دارد که میتوان برای استفاده کامل تر از آن تگ از عناصر مختلفی استفاده نمود، که عناصر درون تگ ها قرار می گیرند و دارای مقادیری هستند که مقادیر باید بین ” ” قرار بگیرد و بین عناصر و مقادیر از عبارت = استفاده می کنیم ، مهمترین عنصر مورد استفاده در طراحی و برنامه نویسی دایرکشن (Direction) می باشد که شما جهت متن یا به طور دقیق تر راست چین یا چپ چین بودن صفحه و متن را مشخص می نمایید. دایرکشن به صورت زیر قابل استفاده است :
۱
۲
۳
۴
۵
<p dir=“rtl”>این پاراگراف راست چین شده من است </p>
<center><p>این پاراگراف وسط چین شده من است </p></center>
<p dir=“ltr”>این پاراگراف چپ چین شده من است </p>
این پاراگراف راست چین شده من است
این پاراگراف وسط چین شده من است
این پاراگراف چپ چین شده من است

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

نکته شماره سه » از عنصر دایرکشن به طور کلی برای جهت دادن به متن و مشخص کردن جهت نوشتار استفاده می گردد. حالا به مثال دیگری توجه نمایید.

فرض کنید یک متن شامل عدد و حروف با زبان های متفاوت دارید مثلن انگلیسی و فارسی، در مرورگر متن شما به درستی نشان داده نخواهد شد به همین دلیل می توان از dir استفاده نمود. مانند :
۱
۲
۳
۴
۵
۶
۷
۸
۹
<center>
<p>این پاراگراف من از کلمه پارسی و English  تشکیل شده است</p>
<p dir=“ltr”>این پاراگراف من از کلمه پارسی و English  تشکیل شده است </p>
<p dir=“rtl”>این پاراگراف من از کلمه پارسی و English  تشکیل شده است </p>
</center>
 این پاراگراف من از کلمه پارسی و English تشکیل شده است
این پاراگراف من از کلمه پارسی و English تشکیل شده است
این پاراگراف من از کلمه پارسی و English تشکیل شده است
همانطور که مشاهده می فرمایید به دلیل تلفیقی بودن دو زبان متن ما به هم میریزد و قابل خواندن نیست ، جهت رفع این مشکل از dir استفاده می شود و چون جمله ما فارسی است و میخواهیم از راست به چپ نوشته شود از dir=”rtl” استفاده میکنیم.
rtl مخفف کلمه Right To Left است به معنای راست چین کردن (از راست به چپ مانند زبان فارسی)
ltr مخفف کلمه Left To Right است به معنای چپ چین کردن (از چپ به راست مانند زبان انگلیسی)
خب ما به طور کلی در این آموزش با تگ های عنوان و سرفصل و پاراگراف آشنا شدیم ، در آموزش بعد به توضیح و استفاده از فونت ها و رنگ ها و اندازه متن ها میپردازیم که مبحث بسیار جالبی است.
 
موفق باشید.

http://code-amooz.ir

سلام، حسین اسعدی هستم طراح و برنامه نویس وب، 3 سالی هست با وردپرس اشنا هستم و این آشنایی کماکان داره بیشتر میشه! امیدوارم در کدآموز بتونم مطالب و مقالات مفیدی براتون قرار بدم! اگر سوالی دارید میتونید به تلگرامم پیام بدید @hossin_asaadi 💌💐💐💐

    دیدگاه خود را بیان کنید

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