درگاه واسط پی پکس به فروش میرسد

021-22262621

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

  • ۵ بهمن ۱۳۹۳
  • 1,069 نفر
  • یک دیدگاه
  • میلاد شاهی
 
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

xchpd ,f shdj

xvhpd shdj

طراحی وب سایت

طراحی سایت

طراحی وب سایت حرفه ایی

طراحی سایت حرفه ایی

طراحی سایت تهران

طراحی سایت اصفهان