آموزش کامل HTML - قسمت چهارم


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

توی قسمت چهارم آموزش میخوایم با فونت ها و همچنین لینک ها در HTML آشنا بشیم.

خب برای تعیین فونت متن ها و نوشته ها در HTML نسخه های قبل از 4 از تگ <font> استفاده میشد اما در HTML نسخه 4 این تگ منسوخ و در نسخه 5 بطور کامل از استاندارد W3C حذف شد و بجای این تگ استایل های CSS نمایانگر نوع نگارش متن شد. اما همچنان میشه از این تگ استفاده کرد که ما اونو توضیح میدیم.

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

<font size="5" face="arial" color="red">
This paragraph is a Test
</font>

ما تگ <font> رو نوشتیم و به اون یک سری خواص دادیم که هرکدوم رو توضیح میدیم:

خاصیت size بیانگر اندازه متن هست و مقدار بین 1 تا 10 رو در بر میگیره که سایز 10 بزرگترین سایز متن هست.

خاصیت face هم بیانگر فونت و یا همون قلم متن هست که ما از فونت ساده arial در این مثال استفاده کردیم

خاصیت color هم بیانگر رنگ متن ما هست که اینجا بهش رنگ قرمز رو دادیم. دقت کنید که میتونید بجای اسم رنگ، کد رنگ هم بهش بدین  بعنوان مثال :

<font face="verdana" color="#4286f4">  This is a text!  </font>

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

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

خب برای لینک شدن به صفحات دیگر از تگ <a> و خاصیت href=”url” استفاده میشه. به مثال زیر دقت کنید :

<a href=”https://www.zoland.org">***Zoland*** </a>

همچنین اگر داخل تگ <a> از خاصیت targetاستفاده کنید و مقدار اون رو برابر با "_blank" قرار بدید صفحه لینک شده شما توی یه پنجره دیگه از مرورگر باز میشه در غیر این صورت داخل همون پنجره که داخلش هستین باز میشه بعنوان مثال :

<a href=”https://www.zoland.org/article/html-tutorial-part4" target="_blank">***Zoland*** </a>

 

ادامه آموزش هارو در قسمت پنجم بخونید

 

 

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

In programmers world anything is possible !

5 امتیاز 10 نوشته

این نوشته را با دوستان خود به اشتراک بگذارید...

برای ارسال دیدگاه خود لطفا وارد سایت شوید و یا ثبت نام کنید.