آموزش html  – قسمت چهاردهم

    ما در قسمت های قبلی با معرفی المان های اصلی html  نحوه ساخت یک صفحه  اچ تی ام الی به صورت پایه را کار کردیم و یاد گرفتیم که چگونه می توان با تگ ها یک صفحه html  را پایه گذاری کرد.
    در این قسمت و چند قسمت آتی سعی داریم با معرفی دیگر المان های html  نحوه زیبا سازی صفحات برای تعامل بهتر با کاربر
    (user interface)  کار را پیش ببریم.

    در گذشته تمام این کار ها(زیبا سازی صفحات) در خود صفحات html  انجام می شد، اما امروزه توسط زبان css  این بار کمی از روی html  کاسته شده است.

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

     

    Css  در کجا نوشته می شود؟

    دسته اول – css  های خطی : به این معنی که ما کد های سی اس اس را به صورت مستقیم داخل تگ ها بنویسیم.

    دسته اول – css  های داخلی : به این معنی که دستورات سی اس اس ها داخل تگ هد قرار بگیرند.

    دسته اول – css  های پانچ : به این معنی  که کد های سی اس اس را در فایل های جداگانه قرار دهیم.

     

    css  های خطی :   برای قرار دادن کد های css  داخل صفحات به صورت خطی و مستقیم ما باید از برچسب  style داخل همان تگ به صورت زیر استفاده کنیم:

    <div style = “color : red; width:500px;”> hi </div>

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

     

    css  های داخلی : در این نوع استایل دهی به زبان css  باید تگ style  را در داخل تگ head  و زیر تایتل صفحه به صورت زیر استفاده میکنیم :

                                                < head >

                                                                                          < title >

                              < /title>

                  < style >

                                }   .div

                 ;   color : red

               ;     width:500px

                                    {

                  < / style>

           < /head>

     

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

     

     

     

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


    برای مشاهده دوره رایگان HTML، باید در درسمن عضو باشید.

    اگر هنوز عضو درسمن نیستید، از طریق لینک زیر اقدام نمایید.

    ثبت‌نام در درسمن


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

     

    این مطلب از وب سایت و زسانه بزرگ آپ موزیک رپورتاژ گردیده است.

    دانلود آهنگ مهدی یراحی امشبم گذشت

    همین حالا دانلود کنید آهنگ جدید مهدی یراحی بنام امشبم گذشت با متن و دو کیفیت 320 و 128

    .:: از آلبوم امپراطور ::.

    امشبم گذشت من ندیدمت

    چشم به راهتم تا رسیدنت

    امشبم گذشت حال من بده

    Exclusive Song: Mehdi Yarrahi – “Emshabam Gozasht” With Text And Direct Links In UpMusic

    … جهت تکمیل آرشیو …

    y 1 دانلود آهنگ مهدی یراحی امشبم گذشت

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

    متن آهنگ امشبم گذشت مهدی یراحی

    ♪♪♫♫♪♪♯

    امشبم گذشت من ندیدمت

    چشم به راهتم تا رسیدنت

    ♪♪♫♫♪♪♯ امشبم گذشت حال من بده ♪♪♫♫♪♪♯

    دل بریدنو یاد من نده

    دنبالت میام با یه چتر خیس

    رد پای تو روی جاده نیست

    از کدوم مسیر رد شدی گلم

    ♪♪♫♫♪♪♯ بی تو هر نفس غصه میخورم ♪♪♫♫♪♪♯

    UpMusicTag دانلود آهنگ مهدی یراحی امشبم گذشت

    ♪♪♫♫♪♪♯ تو که راحتی من ازت جدام ♪♪♫♫♪♪♯

    همه چیزمی چی ازت بخوام

    چی شده بگو دلخوری ازم

    از تو بگذرم حرفشم نزن

    دنبالت میام با یه چتر خیس

    رد پای تو روی جاده نیست

    ♪♪♫♫♪♪♯ از کدوم مسیر رد شدی گلم ♪♪♫♫♪♪♯

    بی تو هر نفس غصه میخورم

    تو که راحتی من ازت جدام

    همه چیزمی چی ازت بخوام

    ♪♪♫♫♪♪♯

    مهدی یراحی امشبم گذشت

    منبع ( surce ) : دانلود آهنگ مهدی یراحی امشبم گذشت

    این مطلب از وب سایت و زسانه بزرگ آپ موزیک رپورتاژ گردیده است.

    دانلود آهنگ رضا صادقی گمونم

    هم اکنون می توانید دانلود کنید و لذت ببرید از آهنگ گمونم با صدای رضا صادقی به همراه تکست

    شعر و آهنگسازی : رضا صادقی / تنظیم کننده : معین راهبر

    Exclusive Song: Reza Sadeghi – “Gamoonam” With Text And Direct Links In UpMusic

    Reza Sadeghi Gamoonam دانلود آهنگ رضا صادقی گمونم

    متن آهنگ گمونم رضا صادقی

    ♪♪♫♫♪♪♯

    گمونم یه روزی دلم پای عشقت بمیره میدونم جوونیم داره پای عشق تو میره
    ♪♪♫♫♪♪♯ میترسم کنارم نباشی و بارون بگیره میترسم  ♪♪♫♫♪♪♯
    نگفتی یه روزی میاد بی تو گریم بگیره نگفتی دیگه خاطرات تو یادم نمیره نگفتی
    ♪♪♫♫♪♪♯ دلم توی تنهایی باید بمیره نگفتی ♪♪♫♫♪♪♯

    ♪♪شعر و آهنگسازی : رضا صادقی♪♪
    چی اومد سر من که قول داده بودم دیگه برنگردم که امشب دوباره به یاد چشات گریه کردم
    ♪♪♫♫♪♪♯ که انگار تمومی نداره دیگه بی تو دردم ♪♪♫♫♪♪♯
    یه امشب چی میشه سرم رو روی شونه تو بذارم سرم رو دیگه از روی شونه هات بر ندارم
    ♪♪♫♫♪♪♯ یه جری بخوابم که یادم بره روزگارم  ♪♪♫♫♪♪♯

    UpMusicTag دانلود آهنگ رضا صادقی گمونم

    چی اومد سر من که قول داده بودم دیگه برنگردم که امشب دوباره به یاد چشات گریه کردم
    ♪♪♫♫♪♪♯ که انگار تمومی نداره دیگه بی تو دردم  ♪♪♫♫♪♪♯
    یه امشب چی میشه سرم رو روی شونه تو بذارم سرم رو دیگه از روی شونه هات بر ندارم
    ♪♪♫♫♪♪♯یه جری بخوابم که یادم بره روزگارم ♪♪♫♫♪♪♯

    ♪♪♫♫♪♪♯

    رضا صادقی گمونم

    منبع ( surce ) : دانلود آهنگ رضا صادقی گمونم

    در ادامه اموزش های html  در این قسمت قصد داریم کمی با تگ های داخل head  آشنا بشیم.
    تا به این جای کار ما با تگ های داخل بدنه (body) به خوبی آشنا شده ایم و در قسمت های آتی دوباره به صورت پیشرفته دیگر برچسب های این قسمت را مورد بررسی قرار خواهیم داد.

    نکته : تگ های داخل header  مستقیما به کاربر نماییش داده نمی شوند.

    ما برای اینکه بتوانیم زبان مورد استفاده در صفحات html  خود را به موتور های جست و جو و مرورگر های خود معرفی کنیم ، از تگی به نام lang  به صورت زیر استفاده میکنیم:

    <html  lang = “fa-IR” >

    به طور مثال در قطعه کد بالا ما با قرار دادن تگ lang   با مقدار fa-IR در تگ html  به موتور های جست و جو گفته ایم که زبان مورد استفاده در این سایت زبان فارسی است.

    تگ بسیار مهم بعدی که در مباحث سئو بسیار مهم و حائز اهمیت است تگ های meta  هستند که در قطعه کد زیر با نمونه ای از این برچسب ها آشنا خواهید شد:

    <head>

    <meta charset = “utf-8”>

    <head>

    این متا نوع کد گزاری کلممات داخل صفحه را مشخص می کند.

    از دیگر تگ های متا که در سئو کاربرد فراوانی دارند:

    <head>

    <meta name = “utfdescription”  content = “**“>

    <head>

    ** محتوایی که میخواهید موتور های جست و جو به عنوان توضیحات صفحه شما به کاربران نممایش دهند.

     

    <head>

    <meta charset = “utf-8”>

    <head>

     

    <head>

    <meta  name = “Keyword” Content = “**”>

    <head>

    ** کلمه کلیدی که میخواهید با آن کلمه به موتور های جست و جو معرفی شوید.

     

    head>

    <meta  name = “author” Content = “mehdi moradi”>

    <head>

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


    برای مشاهده دوره رایگان HTML، باید در درسمن عضو باشید.

    اگر هنوز عضو درسمن نیستید، از طریق لینک زیر اقدام نمایید.

    ثبت‌نام در درسمن


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

    این مطلب از وب سایت و زسانه بزرگ آپ موزیک رپورتاژ گردیده است.

    دانلود آهنگ محمد نجم خواب محال

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

    آهنگسازی، میکس و مسترینگ ، تنظیم کننده : مرحوم مرتضی پاشایی / شاعر : مهرزاد امیرخانی

    پیشنهادی آپ موزیک / از آلبوم مرداب

    Download Old Music : Mohammad Najm – Khabe Mahal With Text And Direct Links

    photo 2017 04 15 14 29 32 دانلود آهنگ محمد نجم خواب محال

    متن ترانه خواب محال از محمد نجم

    ♪♪♫♫♪♪♯

    شبها که تنها می مونم و
    می‌شینم واسه چشمات می‌خونم و
    می‌دونم بی‌خیالی
    وقتی می‌مونم تو این قفس
    جای من همیشه پشت پنجره است
    تو یه خواب محالی

    به تو می‌دونم نمی‌رسم
    می‌دونم تو نباشی چه بی‌کسم
    تو رو از من می‌گیرن ♫
    خدا کنه آخرش یه روز
    برسن همه‌ی عاشقها به هم
    اونایی که اسیرن
    خیال نکن از تو گذشتم ♫
    هنوز اگه خسته‌ی خستم
    بدون ، تو خیال تو هستم ♫
    تویی تویه قلب شکستم

    ♫♫ شاعر : مهرزاد امیرخانی ♫♫♫

    یه روز تو باید مال من بشی
    عذاب ندیدن چشمات
    هنوز یادمه همه حرفات
    یادم نمیره هنوز اشکات
    بدون همیشه می‌مونم پات ♫
    یه روز تو باید مال من بش
    دلم می‌گیره بدون تو
    بدون چشای مهربون تو
    نمی‌دونی عزیزم
    اسیرتم مهربون من
    چه جوری میشه باشی بدون من
    نمی‌تونی عزیزم

    دانلود آهنگ خواب محال

    یه روز باید مال من بشی
    فقط ازت دارم من یه خواهشی
    توی قلبت بمونم
    تموم دنیای من تویی
    آخه اشک تو چشمای من تویی
    می‌دونی مهربونم ♫
    خیال نکن از تو گذشتم
    هنوز اگه خسته‌ی خستم
    بدون ، تو خیال تو هستم ♫
    تویی تویه قلب شکستم
    یه روز تو باید مال من بشی
    عذاب ندیدن چشمات ♫
    هنوز یادمه همه حرفات
    یادم نمیره هنوز اشکات ♫
    بدون همیشه می‌مونم پات
    یه روز تو باید مال من بشی

    ♪♪♫♫♪♪♯

    محمد نجم خواب محال

    منبع ( surce ) : دانلود آهنگ محمد نجم خواب محال

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

    دانلود آهنگ بنیامین بهادری مدار

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

    Exclusive Song: Benyamin Bahadori – “Madar” With Text And Direct Links In UpMusic

    … جهت تکمیل آرشیو …

    h دانلود آهنگ بنیامین بهادری مدار

    متن آهنگ مدار بنیامین بهادری

    ♪♪♫♫♪♪♯

    دارم تورو می عشق مو
    توام منو می عشقی و
    ♪♪♫♫♪♪♯ تو قلبامون پا میگیره یه ماجرای عشقی و ♪♪♫♫♪♪♯
    کار داره بالا میگیره  نفسم حالا می گیره
    اینکه تو هم بهم بگی و  فکر نمی کردم این یکیو
    ♪♪♫♫♪♪♯ یهـــو  دل بده و این گره و یهو وا کن تو ♪♪♫♫♪♪♯

    UpMusicTag دانلود آهنگ بنیامین بهادری مدار

    ♪♪♫♫♪♪♯ کار توئه همه کار توئه ،همه کارای من ♪♪♫♫♪♪♯
    انتظار توئه  همه چرخش من رو مدار توئه
    بیقرار توئه  دلی که حالا دست بر ندار توئه
    دست کشیدن از عشقی که کار توئه
    نه این کار منه ♪♪♫♫♪♪♯
    نه این کار توئه ♪♪♫♫♪♪♯
    جز تو ندارم کسی و فقط به من میرسی و
    میخوام باتو داشته باشم این ارتباط حسی و
    آخر منو میکشی و میرم از این خوشی و
    میبینی این خودکشی

    ♪♪♫♫♪♪♯

    بنیامین بهادری مدار

    منبع : دانلود آهنگ بنیامین بهادری مدار

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

    دانلود آهنگ بنیامین بهادری قهوه

    امروز آپ موزیک برای شما کاربران ترانه قهوه با صدای بنیامین بهادری با کیفیت اصلی

    از آلبوم بنیامین 93

    Exclusive Song: Benyamin Bahadori – “Ghahveh” With Text And Direct Links In UpMusic

    … جهت تکمیل آرشیو …

    w دانلود آهنگ بنیامین بهادری قهوه

    متن آهنگ قهوه بنیامین بهادری

    ♪♪♫♫♪♪♯

    دلم قهوه میخواد همین حالا با تو
    مثل قهوه آروم بنوشم صداتو
    یه نور ملایم یه آهنگ آروم به تو خیره باشم با چشمای
    ♪♪♫♫♪♪♯ نگات حال منو خوب میکنه خوب بلده  ♪♪♫♫♪♪♯
    ببین فال من از چشمای تو خوب اومده
    دلم خیلی داره از دیدنت ذوق میکنه
    ♪♪♫♫♪♪♯ تو هم داره دلت به سمت من سوق میکنه ♪♪♫♫♪♪♯
    همین حالا میخوام به تو خیره باشم

    UpMusicTag دانلود آهنگ بنیامین بهادری قهوه
    اونی که برای تو میمیره باشم
    فضا نیم تاریک دوتا شمع  روشن تو یه گوشه ی  دنج
    ♪♪♫♫♪♪♯ که تو باشی و من ♪♪♫♫♪♪♯
    نگات حال منو خوب میکنه خوب بلده
    ببین فال من از چشمای تو خوب اومده
    ♪♪♫♫♪♪♯ دلم خیلی داره از دیدنت ذوق میکنه  ♪♪♫♫♪♪♯
    تو هم داره دلت به سمت من سوق میکنه

    ♪♪♫♫♪♪♯

    بنیامین بهادری قهوه

    منبع : دانلود آهنگ بنیامین بهادری قهوه

    این مطلب از وب سایت و زسانه بزرگ آپ موزیک رپورتاژ گردیده است.

    دانلود آهنگ جدید حمید هیراد شوخی مگه

    سوپرایز امشب آپ موزیک ♫ ترانه بسیار زیبای شوخی مگه با صدای حمید هیراد ♫ با متن و دو کیفیت 320 و 128

    شعر و آهنگسازی : حمید هیراد / تنظیم کننده : امیرمیلاد نیکزاد

    نشر دهنده : شرکت آوازی نو / عکاس : حمید منتظری / دیزاین کاور : بهار ایروانی

    Download New Song BY : Hamid Hiraad – Shookhie Mage With Text And Direct Links In UpMusic

    Shookhie Mage دانلود آهنگ جدید حمید هیراد شوخی مگه

    متن آهنگ شوخی مگه حمید هیراد

    ♪♪♫♫♪♪♯
    گر جان به جان من کنی جان و جهان من تویی
    سیر نمیشوم زتو تاب و توان من تویی ♪♪♫♫♪♪♯
    نظری به حال ما کن تا روم به سمت کویت
    دیوانه تر از دلم نیست تا شود اسیر رویت
    شوخیِ مگه بذاری بری نمونی ♪♪♫♫♪♪♯
    تو یار منی نشون به اون نشونی
    شوخیِ مگه دلو بزنی به دریا
    عاشقی کنی پرسه نزنی تو شب ها ♪♪♫♫♪♪♯
    شوخیِ مگه بذاری بری نمونی
    تو یار منی نشون به اون نشونی

    ♪♪♫♫♪♪♯

    چه کنم وجود من با دل تو ساز شد
    همه دنیای من آن دلبر طناز شد ♪
    تو که بی وفا نبودی پر جور و جفا نبودی
    تو همه وجود مایی تو ز ما جدا نبودی ♪
    ز ما جدا نــبـودی ♪♪♯
    شوخیه مگه بذاری بری نـمونی تو یار منی نشون به اون نشونی ♪
    شوخیه مگه دلو بزنی به دریا عاشقی کنی پرسه نزنی تو شب ها ♪
    شوخیه مگه بذاری بری نمونی تو یار مـنی نشون به اون نشونی ♪
    شوخیه مگه دلو بزنی به دریا عاشقی کنی پرسه نزنی تو شب ها ♪

    اینستاگرام حمید هیراد :

    آهنگ جدید به نام ( شوخی مگه )

    عاشقتون شدن شوخی مگه . می پرستمتون بهترین های عمر من

    این آهنگ و با تمام وجودم براتون خوندم… خدا رو از عمق وجودتون دیدم

    دوشنبه منتظر شوخی مگه باشید

    حمید هیراد شوخی مگه

    کد آهنگ پیشواز ایرانسل

    ۳۳۱۱۲۶۵۳ شوخیه مگه بخش 1
    ۳۳۱۱۲۶۵۴ شوخیه مگه بخش 2
    ۳۳۱۱۲۶۵۵ شوخیه مگه بخش 3

    کد راینواز شوخیه گه باری رایتل

    شوخیه مگه قطعه 1 : ۱۶۰۲۵۶۴
    شوخیه مگه قطعه 2 : ۱۶۰۲۵۶۵
    شوخیه مگه قطعه 3 : ۱۶۰۲۵۶۶

    نت آهنگ برای کیبرد شوخیه مگه

    DOWNLOAD

    منبع ( surce ) : دانلود آهنگ جدید حمید هیراد شوخی مگه

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

    دانلود آهنگ محمد علیزاده عشق فوق العاده

    هم اکنون آپ موزیک برای شما کاربران ترانه عشق فوق العاده با صدای محمد علیزاده با کیفیت اصلی آماده کرده

    Exclusive Song: Mohammad Alizadeh – “Eshghe Fogholadeh” With Text And Direct Links In UpMusic

    … جهت تکمیل آرشیو …

    jh دانلود آهنگ محمد علیزاده عشق فوق العاده

    متن آهنگ عشق فوق العاده محمد علیزاده

    ♪♪♫♫♪♪♯

    کی می خوای بشینی تا من
    واست از خودم بگم باز

    صبر تو چقدره تا من ♪♪♫♫♪♪♯
    بشکنم پشت یه آواز ♪♪♫♫♪♪♯

    عزیزم قصه نمی گم
    نمی خوام بهِم بخندی

    یا فقط به احترامم
    چشم رو هر چی هست ببندی

    عزیزم زخمای بابا
    مال عشق فوق العاده ست

    به خدا اشکای بابا
    ♪♪♫♫♪♪♯ بیخودی نیست بی اراده ست ♪♪♫♫♪♪♯

    UpMusicTag دانلود آهنگ محمد علیزاده عشق فوق العاده

    ♪♪♫♫♪♪♯ نمی خوام بونه بگیری ♪♪♫♫♪♪♯
    که چرا زخمیه سینم

    یا اَزم دلت بگیره
    که نشد تو رو ببینم

    اگه می بینی رفیقام
    هنوزم مردن و تنها

    اگه حتی یه ستاره ♪♪♫♫♪♪♯
    نشده به اسم بابا ♪♪♫♫♪♪♯

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

    پشت ابر بی قراری
    عمریه چشم انتظاریم

    ♪♪♫♫♪♪♯

    محمد علیزاده عشق فوق العاده

    منبع : دانلود آهنگ محمد علیزاده عشق فوق العاده

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

    دانلود آهنگ ایوان باند نگم برات

    همین حالا دانلود کنید آهنگ جدید ایوان بند بنام نگم برات با متن و دو کیفیت 320 و 128

    Exclusive Song: Evan Band – “Nagam Barat” With Text And Direct Links In UpMusic

    Evan Band Ghalbe Divar دانلود آهنگ ایوان باند نگم برات

    متن آهنگ نگم برات ایوان باند

    ♪♪♫♫♪♪♯

    این روزا یکی تو خیالمه خوش به حالمه خود تویی آره خود تویی
    این روزا اونی که نفس من همه کس من شده تویی آره خود تویی ♪♪♫♫♪♪♯
    از اینکه میگم دیوونه ترم زده به سرم نگم برات دیگه نگم برات
    از اون لحظه میشینی پیشم دیوونه میشم نگم برات دیگه نگم برات
    نگم براتون چی داره اون چشاتون نمیشه پلک زد چقدر ماه شدی خاتون ♪♪♫♫♪♪♯
    نگم براتون چه میچسبه باهاتون زندگی کردن با حس خنده هاتون
    با حس خنده هاتون

    UpMusicTag دانلود آهنگ ایوان باند نگم برات

    ♪♪♫♫♪♪♯

    ایوان باند نگم برات

    منبع : دانلود آهنگ ایوان باند نگم برات

© تمامی حقوق مطالب برای وبسایت هفت دیزاین محفوظ است و هرگونه کپی برداری بدون ذکر منبع ممنوع و شرعا حرام می باشد.
قدرت گرفته از : بک لینکس