قالب وردپرس قالب وردپرس آموزش وردپرس قالب فروشگاهی وردپرس وردپرس
خانه / مقالات / css/html / اموزش ویدیویی مقدمات html و css

اموزش ویدیویی مقدمات html و css

اموزش ویدیویی مقدمات html و cssReviewed by سالار on Sep 19Rating: 5.0

سلام به همه همراهان

امروز میخوام بهتون مقدمات html و css رو به صورت ویدیویی اموزش بدهم . راستش به چند دلیل این اموزش رو انتخاب کردم اولین دلیلش اینه که بعضی قالب های وردپرسی نیاز به مقدمات css و html دارند و بدون این دو نمیتونید قالبتون رو شخصی سازی کنید . دومین دلیل اینه که این کد ها همیشه به کارتون میاد و میتونید ازش از هرجایی استفاده کنید 🙂 خوب شروع میکنیم

HTML-and-CSS-720x340

کد های html :

خوب یه سری کد هست که باید بهتون معری کنم و همه جا هم به کارتون میاد البته این ها کد نیستند و بهشون تگ میگن مثل تگ <htmL> که خیلی به درد بخوره که تو فیلم توضیح دادم  و مهمترین تگ html همین است .و یک سری دیگه تگ هستند که بهتون معرفی میکنم این تگ ها عبارتند از :

تگ <h1> تا  <h5> : 

این تگ ها برای تیتر گذاری به کار میروند که به صورت زیر نوشته می شوند برای مثال من تگ h2 را مثال میزنم

<h2> این متن با این تگ نوشته شده است </h2>

که نتیجه به صورت زیر میشود :

این متن با این تگ نوشته شده است

 

همانطور که مشاهده میکنید این تگ برای تیتر ها استفاده میشود و تو قالب های تک صفحه ای مثل قالب be هم کاربرد فراوان دارد .

حالا سراغ تگ های دیگر می رویم

 

تگ <b> : 

این تگ هم برای پر رنگ کردن مطالب به کار می رود و به این صورت نوشته می شود

<b> این متن با این تگ نوشته شده است </b>

که نتیجه به این صورت می شود :

این متن با این تگ نوشته شده است  

 

تگ های دیگری هم وجود دارد که از مهم ترین ان ها میتوان به تگ <a> اشاره کرد این تگ کارایی بسیار بالایی دارد کارایی این تگ این است که به متن ها لینک میدهد به عنوان مثال :

<a href=”http://iriranweb.ir > وقتی رو من کلیک کنید به سایت ایران وب برده میشوید </a>

و نتیجه :

وقتی رو من کلیک کنید به سایت ایران وب برده می شوید  

بقیه نکات مهم رو تو اموزش ویدیویی میگم 🙂 

css-main-iriranweb

نکته مهم در html :

اولین نکته این است که حتما تمامی کد های html باید درون تگ <html> باشند غیر از صفحه ساز های قالب های وردپرس .

دومین نکته در استفاده از این تگ ها این است که میتوان این تگ هارا باهم ترکیب کرد به عنوان مثال من میتوانم در داخل تگ <b> از تگ <a> استفاده کنم

به این صورت :

<b>

<a href=”http://iriranweb.ir > وقتی رو من کلیک کنید به سایت ایران وب برده میشوید </a>

</b>

و نتیجه :

وقتی رو من کلیک کنید به سایت ایران وب برده می شوید   

مهم ترین کد css :

مهم ترین کد css کد  color هستش که تو فیلم نحوه استفادش رو توضیح دادم فقط نکته مهم ان این است که کد های css در قسمت style کد ها  html تعریف می شوند به صورت زیر :

<h5>

<p style=” color : green ; ” >رنگ من سبز است و با اچ ۵ نوشته شده ام  </p>

</h5>

نتیجه این تکه کد :

رنگ من سبز است و با اچ ۵ نوشته شده ام 

خب حالا وقتی این مقدمات رو خوندید برید ویدیو رو ببینید تا کامل این اموزش مهم رو یاد بگیرید 🙂

 

آموزش ویدیویی

 

برنامه استفاده شده در فیلم  برای دانلود : (++ note pad  )

دانلود نوت پد ++

مطلب پیشنهادی

دلیل مصرف زیاد دیتابیس MySQL و نکاتی برای بهینه سازی آن

دلیل مصرف زیاد دیتابیس MySQL و نکاتی برای بهینه سازی آنReviewed by سالار on Mar …

پاسخ دهید

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

 
در خبرنامه ما عضو شوید

در خبرنامه ما عضو شوید

در خبرنامه ما عضو شوید تا بهترین پست هفته مارو در ایمیل خودتون دریافت کنید :)

تبریک ! شما عضو خبرنامه ما شدید