Mehran_FLash ارسال شده در مارچ 30 2015 گزارش اشتراک گذاری ارسال شده در مارچ 30 2015 درود آموزش کامل برنامه نویسی HTML کامل و با مثال دوستان در این تاپیک مجموعه آموزش های HTML رو از مبتدی تا پیشرفته قرار میدم پست اسپم ممنوع سولی بود اینجا: سوال و جواب های برنامه نویسی یک آموزش دیگه هم هست استاد خوبم جناب C0d3!Nj3ct!0N عزیز ایجاد کردن در این تاپیک : آموزش کامل HTML موفق باشید واکنش ها : kingdeface، MR.BL@ck و johnjones 3 نقل قول لینک به دیدگاه به اشتراک گذاری در سایت های دیگر گزینه های به اشتراک گذاری بیشتر...
Mehran_FLash ارسال شده در مارچ 30 2015 نویسنده گزارش اشتراک گذاری ارسال شده در مارچ 30 2015 به نام خدا پیش نیاز های برنامه نویسی HTML : 1-یک ویرایشگر متن مثل Notepad ( بقیه برنامه ها مثل WORDPAD و .... مشکل هایی دارند) 2- یک مرورگر که 100 درصد اون رو دارید 3- سعی کنید صفحاتی که طراحی می کنید رو روی همه مرورگر هایی که دارید امتحان کنید چون ممکنه روی یکی سالم باشه ولی روی مرور گر دیگه اشکالاتی داشته باشه 4-برای ذخیره کردن متن هایی که در Notepad می نویسید از منوی File گزینه Save As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در پایین پنجره Save As نام فایل را با پسوند html بنویسید. در آخر هم دکمه Save را کلیک کنید. پایان بخش اول واکنش ها : johnjones و kingdeface 2 نقل قول لینک به دیدگاه به اشتراک گذاری در سایت های دیگر گزینه های به اشتراک گذاری بیشتر...
Mehran_FLash ارسال شده در مارچ 30 2015 نویسنده گزارش اشتراک گذاری ارسال شده در مارچ 30 2015 به نام خدا در اینجا می خوایم به ساختار شناسه ها یا همان تگها (tag) در HTML بپردازیم. یک تگ همیشه با علامت کوچکتر ریاضی یعنی این علامت > آغاز می شه و با علامت بزرگتر < به پایان می رسه. مثلاً تگی که باعث ایجاد زیرخط کلمات می شه اینطور نوشته می شه: <U> این علامت را قبل از متنی که می خواهیم زیر آن خط کشیده بشه قرار می دیم. به این تگ ، تگ ابتدایی (Opening tag) میگن ، که عملیاتی را که شما می خواهید آغاز کنید رو شروع می کند. به منظور پایان دادن به زیرخط باید از یک تگ پایانی استفاده کنید. یک تگ پایانی با این علامت شروع می شود: /> بقیه تگ مانند تگ ابتدایی هست . به مثال دقت کنید: This is the hidden content, please ورود یا ثبت نام اگر بخواید متن بالا را با زیرخط در مرورگر خودتون ببینید باید اونو مثل خط روبرو در ویرایشگر متن خودتون بنویسید: This is the hidden content, please ورود یا ثبت نام در HTML همه تگها به یک تگ پایانی نیاز ندارند. برای مثال تگی که برای وارد کردن عکس استفاده می شه از این قبیل تگهاست، که به این شکل هست: This is the hidden content, please ورود یا ثبت نام البته بعدا این تگ رو بیشتر توضیح میدیم الان فقط برای مثال بود . موارد دیگری هم با این وضعیت وجود دارن مثلاً <br> که برای رفتن به خط بعدی استفاده میشه ، <hr> که برای ایجاد یک خط افقی به کار میره و <p> که برای رفتن به پاراگراف بعدی استفاده میشه. در ضمن نیاز نیست که حتماً تگها با حروف بزرگ نوشته بشن. مثلاً <P> همون <p> هست. البته در نسخه های جدیدتر HTML توصیه می شه کدهای HTML با حروف کوچک نوشته در XHTML هم نوشتن کدها با حروف کوچک الزامی است. فضای خالی هم بین تگها تأثیری نداره مثال : This is the hidden content, please ورود یا ثبت نام خب الان این بالایی با این پایینی فرقی نداره This is the hidden content, please ورود یا ثبت نام اینجوری هم بنویسم فرقی نمیکنه This is the hidden content, please ورود یا ثبت نام قالب پایه ای یک فایل HTML مثل پایین است. البته همه آنها را بعداً توضیح می دم. This is the hidden content, please ورود یا ثبت نام برای درک بهتر این قسمت سعی کنید تگها را به صورت جفتی در نظر بگیرید (از جایی که باز می شوند تا جایی که بسته می شن) اولین تگ <html> است که علامت شروع یک متن HTML است و تگ پایانی آن <html/> است که همونطور که ممکن است حدس زده باشید نشانه پایان متن HTML هست. هر چیزی در HTML باید بین این دو تگ قرار بگیره . مانند متن، دیگر تگها، عکسها و... چون این دو تگ نشان دهنده آغاز و پایان صفحه شما هستند.تگ بعدی <head> هست. این تگ مشخص کننده بخشی هست که شما باید عنوان صفحه، کلمات کلیدی، و دیگر توضیحات خود برای این صفحه را در اون قرار بدید. این بخش با <head/> به پایان می رسه. در مثال بالا تنها قسمت HEAD عنوان صفحه بود که با TITLE مشخص می شه .تگ <title> به شما اجازه میده برای صفحه خود یک عنوان انتخاب کنید . این قسمت مورد استفاده موتورهای جستجو قرار می گیره و همون متنی است که به هنگام مشاهده صفحه در نوار عنوان مرورگر نشون داده میشه. تا هنگامی که این تگ در قسمت BODY قرار نگیره در متن شما نشان داده نمی شه . برای پایان دادن به تگ عنوان از این تگ استفاده می شود: <title/> در مثال بالا عنوانی که برای صفحه نشان داده شده قالب اصلی HTML هست.تگ <body> بخشی رو آغاز می کنه که در صفحه مرورگر شما به نمایش در می آید. این قسمت جایی هست که ما باید کار اصلی خود را در اون انجام بدیم برای پایان دادن به این تگ از <body/> استفاده می کنیم. در مثال بالا متنی که در صفحه مرورگر دیده می شه به صورت زیر هست (البته در اینجا برای نوشته زیر رنگ و فونت نیز انتخاب شده که در قسمتهای بعد اون ها رو توضیح میدم : This is the hidden content, please ورود یا ثبت نام چیزی که در اینجا می بینیم متنی است که به صورت ساده نوشته شده و در طرف چپ صفحه قرار داره . برای طراحی میتونید به این آموزش مراجعه کنید آموزش ساخت صفحه با برنامه web page maker و طراحي صفحه html پایان واکنش ها : icelord، kingdeface، MR.BL@ck و 1 نفر دیگر 4 نقل قول لینک به دیدگاه به اشتراک گذاری در سایت های دیگر گزینه های به اشتراک گذاری بیشتر...
Mehran_FLash ارسال شده در مارچ 30 2015 نویسنده گزارش اشتراک گذاری ارسال شده در مارچ 30 2015 به نام خدا کار با متن ها 1- <B> این تگ باعث می شه کلماتی که بین این تگ و تگ پایانی آن قرار دارن به صورت پر رنگ و بولد (Bold) دیده بشن. مثال: This is the hidden content, please ورود یا ثبت نام 2- زیرخط (Underline): This is the hidden content, please ورود یا ثبت نام 3- حروف کج (Italic): This is the hidden content, please ورود یا ثبت نام 4- حروف خط خورده: This is the hidden content, please ورود یا ثبت نام 5- وسط چین: This is the hidden content, please ورود یا ثبت نام شما می تونید بیشتر از یک فرمان برای یک متن اجرا کنید. مثلاً وقتی که می خواین متنی به صورت پر رنگ و کج نوشته بشه برای این کار هر دو تگ ابتدایی رو برای متن در ابتدای اون و تگهای پایانی رو در جایی که می خوایم پایان پر رنگی و کجی متن باشه قرار می دیم. مثال : This is the hidden content, please ورود یا ثبت نام آیا ترتیب قرار گرفتن تگهای پایانی مهم است؟ در جواب باید گفت در مثال بالا خیر، اما مواردی وجود داره که ترتیب قرار گرفتن تگها مهمه مثلاً قرار گرفتن تگ پایانی <HTML/> قبل از <BODY/> اشتباه است. شما با تمرین و تجربه می تونید این نکته را یاد بگیرید. شما می تونید برای جلو گیر از اشتباه HTML را به صورت زیر بنویسید: This is the hidden content, please ورود یا ثبت نام اما این روش خسته کننده ست. در اینجا مهم نیست تگها به چه صورت باز و بسته بشن. اما نکته مهمی که باید در نظر داشته باشید اینه که متن ها تحت تأثیر تگهایی که قبل از آنها باز شده اند و بسته نشده اند قرار می گیرن. تأثیر یک تگ تمام می شود وقتی که تگ بسته شود. مثال زیر رو در نظر داشته باشید: This is the hidden content, please ورود یا ثبت نام حالا اینو ببینید : This is the hidden content, please ورود یا ثبت نام همان طور که دیدید متن بولد و ایتالیک زودتر از متن زیرخط دار به پایان رسید و این به این دلیل هست که تگهای پایانی بولد (<B/>)و ایتالیک (<I/>) زود تر نوشته شدند و انتهای متن فقط توسط تگ زیرخط (<U/>) تحت تأثیر قرار دارد.متنها به صورت پیش فرض در سمت چپ صفحه به نمایش در میان. اما با استفاده از <CENTER> می توانیم اونها رو در وسط صفحه به نمایش در بیاریم . این تگ را هم می توان با دیگر تگها ترکیب کرد و نتایج جابی گرفت . این رو هم ذکر کنم که مثال هایی که من مینویسم رو باید در نت پد بنویسید و با پسوند html سیو کنید و ببنید پایان واکنش ها : C0d3!Nj3ct!0n، kingdeface، MR.ROUTER و 2 نفر دیگر 5 نقل قول لینک به دیدگاه به اشتراک گذاری در سایت های دیگر گزینه های به اشتراک گذاری بیشتر...
Mehran_FLash ارسال شده در مارچ 31 2015 نویسنده گزارش اشتراک گذاری ارسال شده در مارچ 31 2015 نوشتن سر فصلها از تگهای سر فصل (HEADING) برای تیتر و عنوان مطالب استفاده می شه . به این مثال ها توجه کنید: This is the hidden content, please ورود یا ثبت نام بعدی This is the hidden content, please ورود یا ثبت نام This is the hidden content, please ورود یا ثبت نام This is the hidden content, please ورود یا ثبت نام This is the hidden content, please ورود یا ثبت نام This is the hidden content, please ورود یا ثبت نام خب مثال ها گویای همه چیز بود و نیازی به توضیح نیست ... وقتی که تگ <br> در متنی وارد می شه بقیه اون خط به خط بعد منتقل می شه . در حقیقت تگ <br> یا همان Line Break کاری مشابه فشردن کلید Enter به همراه Shift را انجام می دهد. قابل ذکر است که این تگ نیازی به تگ پایانی ندارد. به یک مثال توجه کنید: This is the hidden content, please ورود یا ثبت نام مرورگر اصولاً تا وقتی که به کمبود فضا برای یک خط بر نخوره به خط بعدی نمیره . اما تگ <br> مرورگر را مجبور می کنه به خط بعدی بره .مثلاً متن زیر رو تو ویرایشگر متن خود بنویسید و به صورت html ذخیره کنید، فقط یک خط رو در مرورگر خود میبینید : This is the hidden content, please ورود یا ثبت نام نتیجه : تیم امنیتی گارد ایران برای اینکه نتیجه ای مشابه متن نوشته شده در ویرایشگر متن داشته باشیم، باید متن رو به این صورت بنویسیم: This is the hidden content, please ورود یا ثبت نام نتیجه : تیم امنیتی گارد ایران <p> تگ پاراگراف هست. این تگ باعث ایجاد یک فضای خالی عمودی بین دو خط در دو پاراگراف می شه اگر متوجه نشدید به مثال توجه کنید . درست مثل اینکه شما <br> را دو بار تایپ کنید.از این تگ تو اول پاراگراف برای تمایز دو پاراگراف استفاده می شه . به مثال زیر توجه کنید: This is the hidden content, please ورود یا ثبت نام نتیجه : خط اول از پاراگراف اول خط دوم از پاراگراف اول این هم پاراگراف جدید تگ پاراگراف هم نیازی به تگ پایانی نداره. اما شما می تونید برای فهم بهتر اونو در متن خود به کار ببرید. مثلاً به این صورت: This is the hidden content, please ورود یا ثبت نام این متن هم نتیجه همون رو داره : This is the hidden content, please ورود یا ثبت نام البته اگر می خواید صفحه ای که طراحی می کنید معتبر باشه بهتره از تگ پایانی پاراگراف استفاده کنید. استفاده از تگ پایانی در XHTML الزامیه . پایان واکنش ها : johnjones، kingdeface و C0d3!Nj3ct!0n 3 نقل قول لینک به دیدگاه به اشتراک گذاری در سایت های دیگر گزینه های به اشتراک گذاری بیشتر...
Mehran_FLash ارسال شده در آوریل 3 2015 نویسنده گزارش اشتراک گذاری ارسال شده در آوریل 3 2015 کار کردن با فونتها و رنگ و اندازه آنها اندازه فونت را می تونید با دستور زیر تعیین کنید : This is the hidden content, please ورود یا ثبت نام به جای «x» عددی با علامت منفی یا مثبت قرار می گیره. وقتی که می خوایم یک متن بزرگتر دیده بشه از علامت مثبت و زمانی که می خوایم متن کوچکتر بشه از علامت منفی استفاده می کنیم. به مثال زیر توجه کنید: This is the hidden content, please ورود یا ثبت نام برای کوچکتر کردن متن به این صورت عمل می کنیم: This is the hidden content, please ورود یا ثبت نام خب مثال کاملا واضح هست و نیازی به توضیح بیشتر نداره ... می تونیم رنگ مورد نظرمون رو با نام انگلیسی اون در فرمان بالا قرار بدیم یا از معادل هگزا دسیمال رنگ به جای اسم رنگ استفاده کنیم. This is the hidden content, please ورود یا ثبت نام حالا از معادل هگزا دسیمال رنگ قرمز به جای نام رنگ استفاده می کنیم. البته استفاده از اسم رنگها ساده تره اما شما ممکنه بخواید از رنگهای پیچیده تری استفاده کنید.در مورد رنگ قرمز باید به این صورت عمل کنیم: This is the hidden content, please ورود یا ثبت نام عادل هگزا دسیمال رنگها رو باید با علامت # شروع کرد و بعد از این علامت شش حرف یا عدد دیگر قرار می گیره. برای رنگ قرمز بعد از علامت # دو F و چهار صفر قرار می گیره . فرض کنید می خواید رنگ و اندازه متنی رو همراه با هم تغییر بدید. برای این کار می تونید از دو تگ <font> استفاده کنید. اما به خاطر داشته باشید که هر دو رو ببندید. مانند زیر: This is the hidden content, please ورود یا ثبت نام همچنین می تونید از شناسه های size و color در یک تگ <font> استفاده کنید. مانند زیر: This is the hidden content, please ورود یا ثبت نام شما می تونید رنگ فونت رو در تگ body تعریف کنید که بعداً به اون می پردازیم. پایان واکنش ها : kingdeface، C0d3!Nj3ct!0n، johnjones و 1 نفر دیگر 4 نقل قول لینک به دیدگاه به اشتراک گذاری در سایت های دیگر گزینه های به اشتراک گذاری بیشتر...
Mehran_FLash ارسال شده در آوریل 5 2015 نویسنده گزارش اشتراک گذاری ارسال شده در آوریل 5 2015 ایجاد پیوند به دیگر صفحات با html سلام بر همه دوستان خوبم علت دیر آپدیت کردن تاپیک به این دلیل هست که چند تاپیک سنگین رو باهم باز کردم بریم سراغ آموزش برای ایجاد لینک از تگ زیر استفاده می کنیم: This is the hidden content, please ورود یا ثبت نام تگ <a> نشانه لینک هست. شناسه href مشخص کننده آدرس لینک هست ، <a/> نشانه بسته شدن تگ هست . متنی که بین این دو تگ ابتدایی و پایانی نوشته می شه متنی هست که در صفحه شما به عنوان یک لینک دیده می شه. مثلاً اگر میمثلاً صفحه خواید به یک صفحه وب مثلاً صفحه اصلی سایت گارد ایران با این آدرس: http://guardiran.org/forums/ لینکی را در صفحه خودتون داشته باشید باید فرمان زیر رو در قسمت body صفحه خودتون در جایی که می خواید لینک به نمایش دربیاد قرار بدین: This is the hidden content, please ورود یا ثبت نام لینکی رو که با فرمان بالا ساختید به صورت رنگی (بسته به تنظیمات مرورگر رنگ اون تعیین می شه) و زیرخط دار به وجود میاد. که این خصوصیات نشانه اون هست که یک متن لینک هست و وقتی که نشانگر ماوس رو روی آن قرار بدید به شکل دست در میاد. البته هر متنی که رنگی بود و دارای زیر خط بود لزوماً نباید یک لینک باشه. شکل نشانگر ماوس در اینجا به کمک ما میاد. اگر شما لینکی را که با این روش به وجود اومده کلیک کنید به صفحه مورد نظر میرید. با این روش شما می تونید به هر صفحه ای لینک بسازید چون آدرس کامل اونو در لینک قرار دادید. برای مثال شما می تونید برای صفحات سایت خود در صفحه اصلی با این روش لینکهایی بسازید.اگر همه فایلهای شما مثل صفحه ای که لینک تو اون قرار داره در یک پوشه باشن شما می تونید به جای آدرس کامل صفحه مقصد از روش میانبری استفاده کنید و فقط نام فایل مورد نظر رو به جای آدرس کامل اون بنویسید.در مثال زیر فرض بر اینه که هر دو صفحه مبدأ و مقصد لینک تو یک پوشه قرار دارن. برای نمونه گارد ایران در همان پوشه ای قرار داره که این صفحه قرار داره . نام این صفحه iran.php است. برای ایجاد یک لینک در این صفحه می تونیم به این صورت عمل کنیم: This is the hidden content, please ورود یا ثبت نام پایان واکنش ها : johnjones، C0d3!Nj3ct!0n و kingdeface 3 نقل قول لینک به دیدگاه به اشتراک گذاری در سایت های دیگر گزینه های به اشتراک گذاری بیشتر...
Mehran_FLash ارسال شده در آوریل 8 2015 نویسنده گزارش اشتراک گذاری ارسال شده در آوریل 8 2015 درود وارد کردن عکس در صفحات html برای این کار از این دستور استفاده می کنیم : This is the hidden content, please ورود یا ثبت نام در این تگ IMG نشانه قرار گرفتن تصویر در صفحه و SRC آدرس محل قرار گرفتن فایل عکس هست. حتماً لازم نیست این عکس مربوط به سایت شما باشه یا در سرور شما قرار داشته باشه، شما می توانید هر عکسی که در اینترنت قابل دسترسی باشه استفاده کنید (اگر قصد دارید صفحه خودتون رو در یک سایت اینترنتی قرار بدید) . شما می توانید فقط نام فایل رو به جای آدرس کامل بنویسید اگه صفحه ای که عکس باید در تو اون قرار بگیره و خود عکس در یک پوشه قرار داشته باشه. مثلاً اگه عکس شما در این آدرس قرار داره This is the hidden content, please ورود یا ثبت نام و صفحه ای که در حال ویرایش آون هستید در پوشه ای غیر از این قرار داره شما باید تگ زیر رو برای اضافه کردن عکس به صفحه خود به کار ببرید: This is the hidden content, please ورود یا ثبت نام اگر فایل html و عکس هر دو تو یک پوشه باشن می تونید برای راحتی در تایپ کردن از این تگ استفاده کنید: This is the hidden content, please ورود یا ثبت نام پسوند فایل حتماً نباید gif. باشه . یعنی شما می تونید از فرمتی مثل jpg. هم استفاده کنید. این دو فرمت از بقیه پر استفاده تر هستن. اگه شما عکسی با فرمتی غیر از این دو فرمت دارید می توانید از برنامه های ویرایش عکس از قبیل فتوشاپ برای تبدیل کردن آنها استفاده کنید. برای نمونه من می خوام یک عکس را با نام guardiran.gif رو که در پوشه همین صفحه قرار داره رو به این صفحه اضافه کنم. در اینجا از این تگ استفاده کردم: This is the hidden content, please ورود یا ثبت نام به این ترتیب یک تصویر رو در سمت چپ صفحه میبینیم (در صورتی که صفحه ما چپ به راست باشه). اگر می خواید تصویر در مرکز صفحه ( وسط خط ) قرار بگیره باید از تگ <CENTER> در اطراف تگ تصویر استفاده کنید. مثل این : This is the hidden content, please ورود یا ثبت نام روشهای دیگری هم برای نمایش عکس در وسط صفحه وجود داره که با توجه به کم کاربرد شدن تگ <center> در نسخه چهارم HTML از آنها استفاده می شه. مثلاً می تونید از تگ <div> با شناسه "align="center استفاده کرد.به خاطر داشته باشید که آدرس محل عکس و نام اون به حروف کوچک و بزرگ حساس هستن. پس ممکنه اگه به جای image.jpg از IMAGE.JPG استفاده کنید ممکنه مرورگر شما عکسی را در صفحه نشون نده. پس در نوشتن اونها دقت کنید.البته این به صورت مبتدی بود حرفه ای ترش باشه تو پست های آخر این تاپیک موفق باشید واکنش ها : johnjones، kingdeface و C0d3!Nj3ct!0n 3 نقل قول لینک به دیدگاه به اشتراک گذاری در سایت های دیگر گزینه های به اشتراک گذاری بیشتر...
Mehran_FLash ارسال شده در آوریل 9 2015 نویسنده گزارش اشتراک گذاری ارسال شده در آوریل 9 2015 به نام خدا وارد کردن کامنت در متن اچ تی ام التوضیحات ( کامنتها ) می توانند وقتی که در حال نوشتن صفحه خود هستید به شما کمک کنند. مرورگرها نمی توانند کامنتها را نشان دهند پس در صفحه نهایی آنها به بیننده نشان داده نمی شوند. تنها راه مشاهده کامنتها مشاهده صفحه Source code صفحه است که با زبان HTML نمایش داده شود. با استفاده از این خاصیت شما می توانید در هنگام نوشتن یک صفحه برای خود یادداشت بگذارید تا وقتی که بعداً به آن نگاه کردید بهتر آرا درک کنید. در مواردی که پس از گذشت مدتی از نوشتن یک صفحه نیاز به ویرایش آن صفحه باشد یا بیش از یک نفر در نوشتن یک صفحه نقش داشته باشند کامنتها می توانند در فهمیدن صفحه به طراحان آن کمک کنند.برای نوشتن یک کامنت شما باید ابتدا این علامت > سپس علامت تعجب ! و بعد دو خط فاصله -- (دش) بگذارید. بعد از این علائم هر متنی که بنویسید توسط مرورگر نمایش داده نمی شود. تا وقتی که علامت پایان کامنت را در انتهای آن بگذارید.علامت پایان کامنت به این صورت نوشته می شود: ابتدا دو خط فاصله -- سپس این علامت < . به مثال زیر توجه کنید: This is the hidden content, please ورود یا ثبت نام شما می توانید کامنتها را در چندین خط بنویسید فقط به خاطر داشته باشید که علامت انتهایی را در آخر آن قرار دهید. مانند زیر: This is the hidden content, please ورود یا ثبت نام واکنش ها : C0d3!Nj3ct!0n، kingdeface و johnjones 3 نقل قول لینک به دیدگاه به اشتراک گذاری در سایت های دیگر گزینه های به اشتراک گذاری بیشتر...
Mehran_FLash ارسال شده در آوریل 15 2015 نویسنده گزارش اشتراک گذاری ارسال شده در آوریل 15 2015 به نام خدا استفاده از لیست های htmlدو نمونه از پر استفاده ترین لیستها در HTML لیستهای مرتب و لیستهای نامرتب هستن. در لیستهای مرتب ترتیب بخشهای مختلف لیست مشخص می شه ولی در لیستهای نامرتب این ترتیب مشخص نمیشه.لیستهای نامرتبدر لیستهای نامرتب برای عناصر لیست از شماره و عدد یا حروف الفبا استفاده نمیشه. عناصر این معمولاً با یک دایره تو پر مشخص می شن. تگ ابتدای آن <ul> هست و تگ پایانی اون <ul/> هست. برای جدا کردن هر بخش لیست در ابتدای اون از تگ <li> استفاده میشه. بهتر است هر تگ <li> که باز میشه با <li/> بسته میشه. در زیر یک مثال برای این نوع لیست آورده شده : This is the hidden content, please ورود یا ثبت نام مثال بالا یک لیست بولت دار با سه بخش را به ما میده: بخش اول لیست بخش دوم لیستبخش سوم لیست به این نکته هم توجه کنید که <li> نیازی به تگ پایانی نداره ولی بهتره از تگ پایانی اون یعنی <li/> استفاده بشه ... فاصله متن لیست شده از ابتدای خط هم مقداری از بقیه متن بیشتر میشه . شما می تونید این فاصله رو با افزودن تگ <ul> بیشتر کنید فقط به خاطر داشته باشید تگهایی رو که باز کردید در آخر لیست ببندید . در زیر یک مثال برای این نمونه لیست آورده شده : This is the hidden content, please ورود یا ثبت نام نتیجه این فرمان به شکل زیر میشه: خط اول لیست خط دوم لیستخط سوم لیست از شناسه type می تونید در تگ <ul> استفاده کنید و ظاهر لیست رو تغییر داد. شناسه typeاز این شناسه در لیستهای نا مرتب برای مشخص کردن شکل علامت مشخص کننده هر بخش استفاده میشه. این شناسه می تونه مقادیر زیر رو داشته باشه:circle با قرار دادن این مقدار برای لیست علامت ابتدایی هر بخش به شکل یک دایره تو خالی در میاد. ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــdiscاین مقدار شکل علامت ابتدای هر قسمت از لیست را به یک دایره تو پر تغییر میده. ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ squareاین مقدار شکل علامت لیست را به صورت یک مربع تو پر در میاره ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ به یاد داشته باشید که از شناسه type هم می تونید در تگ <ul> استفاده کنید و هم در تگ <li>. در صورتی که برای تگ <ul> از این شناسه استفاده بشه علامت مربوط به همه قسمتهای لیست تغییر می کنه اما اگر برای تگ <li> از این شناسه استفاده میشه فقط علامت مربوط به همون بخش از لیست تغییر می کنه . در مثال زیر می تونید نحوه نمایش لیست با استفاده از شناسه type را در حالات مختلف مشاهده کنید. ما از کد زیر برای ساختن این لیست آزمایشی استفاده می کنیم: This is the hidden content, please ورود یا ثبت نام اگه می خواید از تگ <center> برای لیست خود استفاده کنید در این کار دقت کنید. چون ممکنه تمام سطرهای متن شما به یک اندازه نباشن. در این صورت به جای اینکه لیستی در یک خط و مستقیم داشته باشید ممکنه لیستی در هم ریخته و شلوغ به وجود بیاد. مثل : This is the hidden content, please ورود یا ثبت نام لیست نهایی به این صورت در صفحه دیده میشه.بخش اول لیست که بلندتر از بقیه سطرهای لیست استبخش دوم لیستبخش سوم لیست در سطر آخر اگر شما در یک صفحه بیشتر به لیستها نیاز دارید می تونید از روش بالا استفاده کنید اما باید بدونید که ممکنه ظاهر لیست در اندازه های مختلف پنجره مرورگر به هم بخوره . راه دیگری که برای جلوگیری از این به هم خوردگی وجود داره استفاده از یک Table است که بعداً در مورد آن توضیح میدم انشالله... This is the hidden content, please ورود یا ثبت نام /emoticons/wink@2x.png 2x" width="20" height="20" /> ادامه همین مبحث تو پست های بعدی واکنش ها : johnjones، RT3N و kingdeface 3 نقل قول لینک به دیدگاه به اشتراک گذاری در سایت های دیگر گزینه های به اشتراک گذاری بیشتر...
Mehran_FLash ارسال شده در آوریل 19 2015 نویسنده گزارش اشتراک گذاری ارسال شده در آوریل 19 2015 سلامی دوباره به دوستان این قسمت : شناسه های مورد استفاده در تگ body وقتی که شما یک صفحه HTML می نویسید می تونید چیزهای زیادی رو در اون با اضافه کردن شناسه هایی به تگ <BODY> تغییر داد. تگ زیر رو در نظر بگیرید: This is the hidden content, please ورود یا ثبت نام شما می تونید به هر تعداد از این شناسه ها که خواستید به این تگ اضافه کنید. اگر از شناسه ای استفاده نکنید این گزینه مطابق پیش فرض مرورگر تنظیم می شه. در زیر توضیحی برای هر کدوم از شناسه های تگ BODY آورده شده . البته در مورد هر کدوم از اونها به طور کامل در درسهای بعد توضیح میدم: This is the hidden content, please ورود یا ثبت نام این شناسه رنگ زمینه صفحه شما را تغییر میده . شما می تونید اونو به هر رنگی که دوست دارید تغییر بدید . فقط به جای « رنگ » در فرمان بالا اسم رنگی رو که می خواهید یا معادل هگزا دسیمال رو توش قرار بدید . گزینه پیش فرض این ویژگی معمولاً سفید یا خاکستری هست This is the hidden content, please ورود یا ثبت نام این شناسه رنگ متنی رو که تو پنجره مرورگر به نمایش در میاد تعیین می کنه . شما می تو نید اونو به هر رنگی که دوست دارید تغییر بدید . فقط به جای « رنگ » در فرمان بالا اسم رنگی رو که می خواید یا معادل هگزا دسیمال رو قرار بدید This is the hidden content, please ورود یا ثبت نام این شناسه رنگ تمام لینکهای باز نشده در صفحه رو تغییر میده. شما می تونید اونو به هر رنگی که دوست دارید تغییر بدید . فقط به جای « رنگ » در فرمان بالا اسم رنگی رو که می خواید یا معادل هگزا دسیمال اونو قرار بدید This is the hidden content, please ورود یا ثبت نام این شناسه رنگ لینکهای فعال را در صفحه شما تعیین می کنه . این لینکها اونهایی هستند که به وسیله کاربر بر روی اونها کلیک شده است. شما می تونید اونو به هر رنگی که دوست دارید تغییر بدید . فقط به جای « رنگ » در فرمان بالا اسم رنگی را که می خواید یا معادل هگزا دسیمال اونو قراربدید . This is the hidden content, please ورود یا ثبت نام این شناسه رنگ لینکهای باز شده رو در صفحه تعیین می کنه . شما می تونید اونو به هر رنگی که دوست دارید تغییر بدید . فقط به جای « رنگ » در فرمان بالا اسم رنگی رو که می خواید یا معادل هگزا دسیمال آاونو قرار بدید This is the hidden content, please ورود یا ثبت نام این شناسه یک عکس رو به عنوان زمینه برای صفحه شما قرار میده. اگه شما از این شناسه استفاده کنید تصویر زمینه ای که انتخاب کرده اید جایگزین هر رنگی که به عنوان زمینه انتخاب کرده بودید می شه . اگر از این شناسه استفاده نکنید مرورگر از رنگی که به عنوان زمینه انتخاب کرده اید استفاده می کنه و در صورت عدم انتخاب رنگ از رنگ پیش فرض خود استفاده می کنه موفق باشید /./ واکنش ها : johnjones، RT3N، kingdeface و 1 نفر دیگر 4 نقل قول لینک به دیدگاه به اشتراک گذاری در سایت های دیگر گزینه های به اشتراک گذاری بیشتر...
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .