در این قسمت روش ایجاد انواع لیست ها در html را آموزش می بینیم.

    برای ایجاد پیج جدید می‌توانیم از پیج قبلی که ایجاد کردیم استفاده کنیم، به این صورت که از پیج اول save as گرفته و در همان مسیر قبلی با نام page 2 ذخیره می کنیم.
    بعد از آن قسمت body  را پاک کرده و بقیه قسمت  ها هم که در همه پیچ ها ثابت است.

     

    آموزش html

    روش ایجاد لیست ها در html

    ۳ دسته لیست وجود دارد:

    1. لیست های علامت دار:

    این لیست با استفاده از تگ <ul>ساخته می شود.برای ساخت آیتم های لیست از تگ <li>استفاده می کنیم.

    به این نکته توجه کنید که  تگ <ul> و تگ <li> هردو تگ های بلند هستند و تگ <li>  بلاک است.

    ۲٫لیست های شماره دار:

    برای ایجاد تگ شماره دار کافی است به جای <ul> و از <ol>  استفاده کنیم و آیتم ها را قرار دهیم.

    علامت های لیست علامت دار و شماره های لیست های شماره دار قابل تغییر هستند.البته روش اعمال این تغییرات را در css به طور مفصل آموزش خواهیم داد.

    آموزش html

     

    ۳٫لیست های تعریفی

    لیست تعریفی چه نوع لیستی است؟

    لیستی است که به ازای هر آیتم قرار است توضیحی قرار دهیم.

    برای ایجاد لیست های تعریفی ازتگ  <dl> استفاده می کنیم.

    هر آیتم شامل دو قسمت است:

    برچسب و توضیح

    تگ <bt>که برای عنوان ها استفاده می شود.

    و تگ <dd> برای توضیحات.

    روش ایجاد لیست های تودرتو

    با استفاده از تگ<ul>  و تگ <li>  برای مشخص کردن آیتم ها.


    پستی که خواندید متن قسمتی از دوره رایگان HTML بود. توصیه می‌شود که ویدئو تدریس آن را در دوره مربوطه مشاهده نمایید.

    در این قسمت میخواهیم به استفاده از عکس و تصویر در زبان html بپردازیم

    برای استفاده از عکس در صفحات وب از تگی به نام img  استفاده میشود به این این صورت که :

    تگ img  چهار خاصیت دارد که به هر کدام از آنها میپردازیم :‌

    خاصیت src  :‌ این خاصیت برای مشخص کردن نشانی عکس استفاده میشود .

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

    خاصیت width  و height  : این دو خاصیت برای مشخص کردن طول و عرض عکس استفاده میشود . باید دقت شود که منظور از طول و عرض ،‌ طول و عرض تصویر هنگام نمایش آن است و اندازه فایل اصلی تغییری نمیکند .

    از بین این خاصیت ها تنها خاصیت src  الزامی میباشد و بقیه اختیاری هستند.


    پستی که خواندید متن قسمتی از دوره رایگان HTML بود. توصیه می‌شود که ویدئو تدریس آن را در دوره مربوطه مشاهده نمایید.

    تگ: یک تگ بلند inline که هر چیزی مابین این تگ قرار بگیرد قابل کلیک می شود. این کلیک باعث انتقال از یک مکان به مکان دیگر می شود.

    جابجایی بین صفحات

     

    تگ <href> : صفت تگ <a> ؛آدرس صفحه  مقصد را دریافت میکند.

    جابجایی درون یک صفحه

     

    تگ <href> برای جابجایی بین صفحات است؛ یعنی وقتی می خواهیم از یک صفحه به صفحه دیگر منتقل شویم، ولی اگر بخواهیم درون یک صفحه از مکانی به مکان دیگر منتقل شویم باید از دستور دیگری استفاده کنیم.

    مثلاً یک دکمه در صفحه ایجاد کنیم که هروقت روی آن کلیک کردیم به مکان دیگری در همان صفحه منتقل شویم.

     

    برای دسترسی به یک نقطه ی دیگر از صفحه ابتدا برای نقطه ای که می خواهیم به آن منتقل شویم با استفاده از تگ <a>اسم می گذاریم سپس  آدرس href  را با علامت # و اسم ان نقطه ذکر می کنیم.


    پستی که خواندید متن قسمتی از دوره رایگان HTML بود. توصیه می‌شود که ویدئو تدریس آن را در دوره مربوطه مشاهده نمایید.

    این قسمت از آموزش مربوط به آموزش ساخت جدول در html است.

    تگ <table> در نسخه های قبلی html برای ساخت تمام صفحات وب استفاده میشد. به این دلیل که ساختار محکم و ثابتی داشتند. تمامی اجزای صفحه مثل هدر و فوتر و منو و …، اما در حال حاضر این روش مسنوخ شده و به جای اون ما از <div> استفاده میکنیم که در جلسات بعدی آموزش داده خواهند شد.
    اما دلیل اینکه چرا این روش منسوخ شده؛ به این دلیل بوده که ساختار تگ <table> در html به این صورت هست که برای لود شدن، تمامی اطلاعات رو از سمت سرور میگیره، بعد از اتمام دریافت اون رو تماما نمایش میده. پس تا وقتی که تمام اطلاعات جدول دریافت نمیشد، کاربر هیچ چیزی مشاهده نمیکرد. حالا فرض کنید سایتی که تماما با این تگ ساخته شده و کلی اطلاعات توش وجود داره، تا کاملا از سمت سرور لود نشه، برای کاربر چیزی رو نمایش نمیده. این زمان نسبتا زیادی رو میگیره که ضعف خیلی بزرگی بشمار میومد و باعث شد که ازین تگ برای ساخت تمام صفحه استفاده نشه.

    معرفی تگ <table>:

    مثل تمامی تگ هایی که دارای محتوی هستند، تگ <table>، تگ بلند به شمار میاد.
    برای مشخص کردن سطرهای این جدول از تگ <tr> استفاده میشود. به تعداد سطرهای جدول مورد نظر ما، از این تگ باید باز و بسته شود.
    برای ساختن ستونها هم از تگ <td> استفاده میکنیم.
    پس با این سه تا تگ، چیزی که مرورگر بعد از این کد به ما نشون میده، چه شکلی داره؟؟

    این تکه کد به ما جدولی را نشان میدهد که یک سطر و دو ستون دارد. و داخل هر سلول، “..” نمایش داده میشه به کاربر.
    اما در این حالت جدول ما خیلی ساده خواهد بود، حتی حاشیه ای هم برای اون نشون داده نمیشه!
    برای ساخت حاشیه برای جدول لازم است که از css استفاده کنیم. اما چون ما هنوز css یاد نگرفتیم، از تگ هایی استفاده میکنیم که ویژگی های ظاهری به سایتمون میده.
    تگ کوتاه border=”۱” که تو تگ <table> باید استفاده بشه، داره به مرورگر دستور میده که حاشیه ای برای جدول با اندازه ۱ پیکسل درست کن. پس شکل درست نوشتار اون اینطوری میشه:

    <table border=”۱”>
    ..
    </table>

    در انتهای این جلسه چند تا تگ دیگه هم معرفی میکنم که برای طراحی و ظاهرسازی جدولا بدون css به کارتون میاد:
    تگ <center>: هر چیزی که داخل این تگ بلند قرار بگیره، وسط چین خواهد شد. یعنی به وسط صفحه میاد.
    تگ colspan: این تگ کوتاه در سطرهای جدول استفاده خواهد شد. هر مقداری که این تگ بگیره به تعداد اون ستون اشغال میکنه، گاهی اوقات نیاز داریم که یه ستون اندازه دوبرابر باقی ستونها جا بگیره که جدول منظم تر باشه، کاربرد این تگ در این موقعیت هاست.

    html

    برای اینکه یکی از ردیف های جدولمون مثل ردیف اول شکل سمت راست بشه، از تگ colspan  به این شکل استفاده میکنیم:

    <td colspan=”۲”> … </td>

    تگ rowspan نیز همین کاربرد رو توی تگ <tr> ایفا میکنه.


    پستی که خواندید متن قسمتی از دوره رایگان HTML بود. توصیه می‌شود که ویدئو تدریس آن را در دوره مربوطه مشاهده نمایید.

    ساختن فرم

    در این قسمت قصد داریم آموزش ساختن فرم ها در صفحات html را در اختیار شما قرار دهیم.

    در صفحات html ما برای تعامل با کاربر و یا به عبارتی دریافت اطلاعات از سمت کاربر از تگی به نام <form> استفاده میکنیم.در ادامه با تمامی
    صفت های این تگ آشنا خواهیم شد.
    <form> // تگ آغازین
    محتوی
    <form/> //تگ پایانی

    همان طور که در جلسات پیشین ذکر شد ما برای ساختن جدول در صفحات html از تگ <table> استفاده می کنیم.این قسمت از آموزش با ساختن سطر ها وستون ها به صورت پیشرفته در جداول و همچنین دیگر صفات این تگ آشنا خواهید شد.

    همان طور که گفتی ما در این آموزش قصد داریم از طریق تگ فرم با کاربر در تعامل باشیم. یکی از مهم ترین تگ ها برای دریافت اطلاعات از کاربر تگ <input> است. این تگ یک تگ تکی و یا به عبارتی تگ کوتاه است.ما به کمک این تگ میتوانیم یک ورودی اطلاعات در اختیار کاربر قرار دهیم و نوع این ورودی میتواند بسته به نوع تگ input که با صفت type  مشخص می شود متغیر باشد. برای مثال برای دریافت نام و نام خانوادگی از کاربر که احتیاج به نوع text داریم میتوانیم از تگ input به صورت زیر استفاده کنیم:
    <“input type= “text >  و یا برای دریافت ایمیل به صورت :<“input type= “email > و … دیگر نوع ها که در این آموزش ذکر شده است.


    پستی که خواندید متن قسمتی از دوره رایگان HTML بود. توصیه می‌شود که ویدئو تدریس آن را در دوره مربوطه مشاهده نمایید.

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

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

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

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

    Exclusive Song: Saman Jalili – “Halam Bade” With Text And Direct Links In UpMusic

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

    hgf دانلود آهنگ سامان جلیلی حالم بده

    متن آهنگ حالم بده سامان جلیلی

    ♪♪♫♫♪♪♯

    بی فایده بود اون همه اصرار من

    ♪♪♫♫♪♪♯ دلت قانع نبود به موندنت کنار من ♪♪♫♫♪♪♯

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

    بدجوری این روزا دلم ازت پره

    چشماتو خوندمو میگه فالم بده

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

    ♪♪♫♫♪♪♯ باورش سخته که دل تو جا زده ♪♪♫♫♪♪♯

    UpMusicTag دانلود آهنگ سامان جلیلی حالم بده

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

    داد زدم فریاد زدم

    تا روتو سمتم کنی

    تا تورو از دست ندم

    زار زدم من با همه حال بدم

    روبه روت زانو زدم

    تا تورو از دست ندم

    ♪♪♫♫♪♪♯ چشماتو خوندمو میگه فالم بده ♪♪♫♫♪♪♯

    تنظیم کننده : حامد برادران

    ♪♪♫♫♪♪♯ تو میری و من بی تو حالم بده ♪♪♫♫♪♪♯

    باورش سخته که دل تو جا زده

    ببین از سادگی سر من چی اومده

    ♪♪♫♫♪♪♯

    سامان جلیلی حالم بده

    منبع : دانلود آهنگ سامان جلیلی حالم بده

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

    دانلود آهنگ گروه نوشه حاضر بودم

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

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

    Download New Song BY : Nushe Band – Hazer Boodam With Text And Direct Links In UpMusic

    Nushe Band Hazer Boodam دانلود آهنگ گروه نوشه حاضر بودم

    متن آهنگ حاضر بودم گروه نوشه

    ♪♪♫♫♪♪♯

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

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

    UpMusicTag دانلود آهنگ گروه نوشه حاضر بودم

    رفت و فقط برام جز غم و غصه هام جز بغض تو صدام دیگه چیزی نذاشت
    ♪♪♫♫♪♪♯ محاله فکر اون نباشه تو سرم محاله بگذرم از برق تو نگاش ♪♪♫♫♪♪♯
    حاضر بودم براش بمیرم اما کاش اونم شبیه من یکم اراده داشت

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

    ♪♪♫♫♪♪♯

    گروه نوشه حاضر بودم

    منبع : دانلود آهنگ گروه نوشه حاضر بودم

    در html ۴ صفت هایی وجود دارند که همه ی تگ‌های html یعنی تمام تگ هایی که تا به حال با آنها آشنا شده ایم دارای این صفت هستند:

    ۱-id : صفتی که به همه ی تگ ها می توانیم بدهیم.

    *id = شناسه ی تگ در  صفحه html – اسم تگ سمت کلاینت

    *در یک صفحه هیچ دو تگی نباید id  یکسان داشته باشند.

     

    ۲-name : معمولا به تگ هایی که برای فرممان است می دهیم.

    مثلا برای textarea ها، input  ها

    *name = مقدار آن سمت سرور دیده می شود.

    Name* مهم ترین صفت در فرم ها می باشد.

    *داده ها توسط نام  object  ها جابجا می شوند؛ به همین خاطر به آنها نام می دهیم.

    ۳-style : در css  توضیح خواهیم داد.

    ۴-class : در css  توضیح خواهیم داد.

     

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


    پستی که خواندید متن قسمتی از دوره رایگان HTML بود. توصیه می‌شود که ویدئو تدریس آن را در دوره مربوطه مشاهده نمایید.

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

    دانلود آهنگ اندک اندک جمع مستان می رسد شهرام ناظری

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

    آهنگسازی : شهرام ناظری

    Download New Song For Shahram Nazeri – Andak Andak With Text And Direct Links In UpMusics

    shahram nazeri دانلود آهنگ اندک اندک جمع مستان می رسد شهرام ناظری

    متن آهنگ اندک اندک از شهرام ناظری

    ♪♪♫♫♪♪♯

    اندک اندک / اندک اندک / جمع مستان می رسند
    اندک اندک / اندک اندک / می پرستان می رسند

    ♪♪

    اندک اندک جمع مستان می رسند
    اندک اندک می پرستان می رسند

    ♪♪

    دل نوازان، ناز نازان در رهند
    گل عذاران از گلستان می رسند

    ♪♪

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

    ♪♪

    دل نوازان، ناز نازان در رهند
    گل عذاران از گلستان می رسند

    ♪♪

    سر خمش کردم که آمد خالق ، ای
    نک بتان با آب دستان می رسند

    ♪♪♫♫♪♪♯

    اندک اندک جمع مستان می رسد

    منبع : دانلود آهنگ اندک اندک جمع مستان می رسد شهرام ناظری

    صفت placeholder در تگ‌های input و مشابه آن، باعث میشود که یک جمله به صورت پیشفرض در صورت خالی بودن object در آن نگه داری شود. این جمله بیشتر جنبه‌ی راهنمایی برای مخاطبین دارد و در اکثر فرم‌ها به صورت متن کمرنگ دیده میشوند.

    نکته‌ی دیگر که در این قسمت مفصلا درباره آن توضیح داده خواهد شد، تگ بلند <lable> است. این تگ در واقع دو object را به هم نسبت میدهد. این کار علاوه بر اینکه در فرمها باعث مشخص شدن و نسبت داده شدن تگ ها و داده های ورودی به هم میشوند، برای کاربران هم جنبه افزایش سهولت کار با فرم‌ها را همراه می آورد. گرچه در ظاهر فرم‌ هیچ تغییری دیده نمیشود.

    بخشی دیگر از این قسمت مربوط به صفات مربوط به خود تگ <form> خواهد بود.
    صفت action که مشخص میکند تمام داده‌های فرم که توسط کاربر وارد شده، به کدام صفحه منتقل شود و شیوه های ارسال اطلاعات و انواع آن‌ها بررسی میشود.


    پستی که خواندید متن قسمتی از دوره رایگان HTML بود. توصیه می‌شود که ویدئو تدریس آن را در دوره مربوطه مشاهده نمایید.

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