آموزش HTML5 – جلسه سوم

  • ۵ بهمن ۱۳۹۳
  • 748 نفر
  • یک دیدگاه
  • میلاد شاهی
 
1 Star2 Stars3 Stars4 Stars5 Stars
آموزش HTML5 - جلسه سوم

آموزش HTML5 – جلسه سوم

سلامی دوباره خدمت کاربران عزیز آی وحید

امروز و در این ساعت از وبلاگ آی وحید جلسه سوم آموزش HTML5 رو شروع میکنیم که کمی متفاوت و سخت تر هست. در این جلسه چیزهای جدید یاد خواهید گرفت+تگ های جدید که در جلسات بعدی آموزش خواهیم داد و صرفا این جلسه برای آشنایی کلی و بررسی اجمالی تگ ها هست پس اگر در اخر جلسه برخی تگ ها رو نتونستین یاد بگیرین نگران نباشید.

  • تمامی فایل های کدنویسی شده با زبان HTML باید با تگ <!DOCTYPE html> آغاز شود.
  • کدهای HTML باید درون دو تگ <html></html> کدنویسی شود.
  • قسمتی که به کاربر نمایش داده می شود مابین دو تگ <body></body> کدنویسی می شود.

 تگ های عنوان

عنوان های موجود در صفحه وب بر اساس طراحی که صورت گرفته متغیر است و ممکن است از تگ <h1> تا <h6> متغیر باشد. به مثال زیر توجه کنید:

 تگ پاراگراف

در HTML5 برای نمایش بند و متن و پاراگراف از تگ <p> استفاده می شود. همین و بس!

 تگ لینک(پیوند)

href یک خاصیت است برای تگ a در html برای روشن شدن موضوع به مثال زیر توجه کنید:

ما یه تگ داریم که میتونه چند تا خاصیت داشته باشه. برای مثال تگ a یه خاصیت داره بنام href که مقدارش آدرسی هست که کاربر رو به اون آدرس هدایت میکنه. اگه بخواییم روشن تر بگیم ما یه وردپرس داریم که تگ هست و افزونه و ماژول های وردپرس هم مانند خاصیت های تگ ها هست. یعنی هر خاصیتی ویژگی و خصوصیتی به تگ اضافه میکنه.

تگ تصویر

تصاویر در HTML با تگ <img> نمایش داده میشن. خصوصیاتی مانند src (منبع تصویر یا همون آدرس تصویر) – alt (متن جایگزین تصویر و یا توضیح متنی تصویر) و height – width از خصوصیات تگ img می باشد. برای روشن تر شدن موضوع به مثال زیر توجه کنید:

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

در پناه حق – آی وحید

 

ممنون
ساده و مفید با شروع خوب و پشتکار 😀
جوری داری آموزش میدی که یک فرد مبتدی متوجه بشه، ولی اون مثال وردپرست برای یک حرفه ای هم تجسمش سخته 😀

تارنما سازان وب پارس درگاه پرداخت واسط پی پکس لول رنگ - پالت رنگ های مورد تایید آی وحید تاتسی | tutsi فروشگاه قالب اختصاصی تمی

FB google plus