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



visibility  
mode_comment   ۱۰۸

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

مطالب مطرح شده عبارتند از :

  • پاسخ به تمرین جلسه گذشته
  • تشریح تفاوت بین تگ های i و em و تگ های b و strong
  • تگ <code> و کاربردهای آن
  • تگ <del> و کاربردهای آن
  • تگ <ins> و کاربردهای آن
  • تگ <dfn> و کاربردهای آن
  • تگ <em> و کاربردهای آن
  • تگ <font> و کاربردهای آن
  • تگ <i> و کاربردهای آن
  • تگ <kbd> و کاربردهای آن
  • تگ <mark> و کاربردهای آن
  • تگ <meter> و کاربردهای آن
  • تگ <pre> و کاربردهای آن
  • تگ <progress> و کاربردهای آن
  • تگ <q> و کاربردهای آن
  • تگ <s> و کاربردهای آن
  • تگ <samp> و کاربردهای آن
  • تگ <small> و کاربردهای آن
  • تگ <strike> و کاربردهای آن
  • تگ <strong> و کاربردهای آن
  • تگ <sub> و کاربردهای آن
  • تگ <sup> و کاربردهای آن
  • تگ <time> و کاربردهای آن
  • تگ <tt> و کاربردهای آن
  • تگ <u> و کاربردهای آن
  • تگ <var> و کاربردهای آن
  • تگ <wbr> و کاربردهای آن
info توجه

این مطلب یک جلسه از آموزش طراحی وب سایت با HTML , CSS می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش طراحی وب سایت با HTML , CSS

comment دیدگاه کاربران
ادریس replyپاسخ

آوندجان دمت گرم عالی توپ درجه یک مثل همیشه.تدریستون عالیه.من که از برنامه نویسی متنفر بودم حالا دارم عاشقش میشم کاش یکم استادای دانشگاه علمی کاربردی کاشمر یاد بگیرن…مرسی..
فقط یک سوال همه ی زبان html چندتا تگ داره؟؟و شما همشون درس میدید یا نه؟؟

لقمان آوند

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

Mahdi replyپاسخ

یه دنیاااااااااااااااااااااااااا ممنون…

Mahdi replyپاسخ

200 مگ حجمشه!!!!!! ممنون از این همه زحمتی که میکشین استاد…
بی صبرانه منتظرم تا دانلود بشه و ببینم اینبار چه سورپرایزی رو برای ما آماده کردین.
باز هم ممنونم

asipool lika replyپاسخ

“امسال خدا کنه دوباره برف بیاد… این شهر مثل من دوست داره برف بیاد…” زنگ تفریح بود داشتم مانی رهنما گوش میدادم.. خب دانلود شد بریم ببینیم چه فرمودین استاد.. ممنون که خوش قولین.

زمان الله ابراهیمی replyپاسخ

خیلی ممنون تشکر تشکر 😆 😆 😆 😆 ❓ ❓

Mahdi replyپاسخ

یه سوال :
استاد شما گفتین تفاوت تگ های inline و block اینه که تگ های نوع اول تمام عرض صفحه رو اشغال نمیکنن و تگ های نوع دوم تمام عرض صفحه رو اشغال میکنن.پس یعنی نمیشه از تگهای block داخل تگ های inline استفاده کرد؟و اینکه من توی چندتا سایت تگ inline-block رو هم دیدم که آخرش سر در نیاوردم که این تگ ها block هستن یا inline. لطفا اگه میشه تگ های inline و block رو هم بگین چیا هستن.
ممنون… ❓

لقمان آوند

سلام
بله حرف شما درسته.
بعدا وقتی به مبحث آموزش CSS و ویژگی display برسیم انواع مختلف دیگه ای که وجود داره رو هم معرفی می کنیم …

amir7626 replyپاسخ

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

سربازی حتی اگه تو شهر خودمون هم باشه فایده نداره 🙁

یه هفتس رفتم خدمت چند تا جلسه عقب افتادم و وقتم هم گرفته …

امیدوارم یه قسمت بیافتم که خودم و بتونم برسونم …

ممنون از زحماتتون استاد ❓

لقمان آوند

مشکلی نیست…
فایلها رو که دارید.
سر فرصت ببینید .

amir7626

حتما استاد …

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

یک رای کوچیک به سایتتون وظیفم بود که انجام دادم

به امید موفقیتتون تو جشنواره

لقمان آوند

سپاسگزارم دوست عزیز

Mahdi replyپاسخ

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

لقمان آوند

ایشالله چهارشنبه

Mahdi replyپاسخ

استاد یه سوال.اگه برای یه div هم آی دی و هم کلاس تعریف کنیم هنگام فراخونی کدومش اعمال میشه؟

لقمان آوند

اگر منظورتون سلکتورهای css هست هر دوتا روش اعمال میشه.
تو فصل آموزش CSS این مورد رو آموزش میدیم .

Mahdi replyپاسخ

جناب استاد لقمان {حکیم} امشب قسمت ششم رو قرار میدین دیگه؟؟؟

لقمان آوند

بله، رو سایت قرار گرفت …

Mahdi replyپاسخ

ممنونم استاد…
❓ ❓ ❓

سید محمد رضا صدیقی replyپاسخ

سلامی دوباره خدا رو شکر دارم می رسم یک جلسه فقط عقبم و بازم چند سوال دارم

1- یک سئوالی که من رو درگیر کرده ( به این اموزش ها ربطی نداره) اینه که فرق طراجی فلت و متریال که جدیدا باب شده چیه ؟

2- فرق دوتا تگ br و wbr چیه ؟
ایا بازم همون تفاوت در معناست یا نه ؟

باتشکر که با صبر و حوصله به سئوالات جواب میدید

لقمان آوند

سلام
متریال نامی هست که گوگل برای طراحی فلت اندروید 5 و نمونه طراحی های شبیه اون گذاشته. طراحی فلت خودش نوعی از طراحی هست که هیچ بخشی که 3 بعدی بودن رو ایجاد کنه توش نیست. مثلا سایه ها، عمق رنگ و … استفاده نمیشه در اون .
نه بحث معنایی نیست این مورد. تگ br همیشه سطر رو میشکونه. در صورتی که wbr اگر متن در یک خط فاصله ای نداشته باشه و از عرض مرورگر بیشتر بشه سطر رو میشکنه !

سید محمد رضا صدیقی

پس متریال با فلت فرقی نداره کلا ؟

لقمان آوند

نه که فرقی نداره ..
material design یه زبان طراحی هست که گوگل امسال معرفی کرده و یه سری ویژگی های خاص داره . از گریدبندی، افکت ها و موارد قراردادی خاصی استفاده می کنه . تا حدود زیادی طراحی فلت رو هم در خودش داره .
خصوصیت های طراحی فلت رو هم که خدمتتون عرض کردم . می تونید برای درک بهتر طراحی فلت این مقاله یا این یکی رو ببینید.

سامان جعفری replyپاسخ

tnx…

امین خلیلی replyپاسخ

سلام جناب اوند اموزش html5جزو همین اموزشها است یا یه فصل جدا هست

لقمان آوند

سلام
در همین فصل هست و تگ های html5 رو هم در لابلای بقیه تگها گفتیم .

dariosh babaii replyپاسخ

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

لقمان آوند

سلام
اگر اون تگ های br رو می گید فقط برای این بود که پایین صفحه یه فضای خالی ایجاد کنم. همین . برای اینکه نمایش کدها بالای پنجره باشه توی ویدیو اینکارو کردم …

mf4arman24 replyپاسخ

استاد آوند سلام.
استاد تو همین جلسه 5 :
تایم فایل ویدیویی:1:33:35
شما کلمه “شب یلدا” رو انتخاب کردید.
==============
سوالم در همین مورد بالاست. اینکه چرا وقتی مثلا کلمه شب رو انتخاب می کنیم و موقع ویرایش و تایپ کلمه کلمه شب یلدا به هم می خوره. از کلمات و جملات فارسی برای ویرایش مثل دریم ویو ساپورت نمی کنه. من هم مثل شما از PHPSTROM خوشم می یاد. واقعا بهتره ولی فارسی را خوب ساپورت نمی کنه. راهکاری برای این مشکل وجود داره.
منظورم ویرایش کلمات و جملات فارسی در PHPSTROM .

لقمان آوند

متاسفانه phpStorm از ویرایش درست زبان فارسی پشتیبانی نمی کنه . خود من هم متن های فارسی رو میارم توی نوتپد و بعد از ویرایش منتقل می کنم .
امیدواریم که تو نسخه های آینده یه فکری به حال این مشکل بکنن …

armiran

خب استاد پس چرا phpstorm ؟؟ اگر متن فارسی پشتیبانی نمیکنه !!!!! براکت هم تقریبا در حد phpstorm !!! راستی استاد چند وقت پیش یکی بهم گفتش که از ادیتور syntax highlighter استفاده میکنه !!! چنین ادیتور وجود داره ؟؟؟
بعد یک چیز دیگه یک بنده خدایی میگفت اگر بدونیم فلان سایت با چه ادیتوری قالبش رو کد نویسی کرده امنیت قالب و … کلا امنیتش میاد پایین و به خطر میفته !! میخواستم بدونم حالا واقعا دونستن ادیتور استفاده شده در قالب سایت امنیت رو پایین میاره ؟؟؟

لقمان آوند

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

armiran replyپاسخ

سلام استاد !
استاد جسارت نباشه ؛ دقیقه 37 احیانا اشتباهی بجای sample نوشتید samble یا دقیقا درست نوشتید ؟؟

لقمان آوند

بله شما درست می فرمایید . اشتباه تایپی بوده …
ممنون

armiran

استاد البته بنده اصلا قصد جسارت نداشتم اما اصولا افرادی که خیلی خوب هستن زیر ذره بین هم هستن !! از اونجایی شما جزء بهترین اساتید هستید داشتم به دقت به کلمه کلمه صحبت هاتون گوش میدادم و فکر میکردم که دیدم این کلمه رو اشتباه بیان کردید و اینو گفتم وگرنه قصد جسارت نداشتم !!
بااحترام

لقمان آوند

ممنون از لطفتون
بالاخره تو 48 ساعت ضبط ویدیوی آموزشی رخداد چنین اشتباهاتی طبیعی هست. هر چند همواره سعی کردیم اشتباهات اینچنینی رو به حداقل برسونیم
متشکرم

creative replyپاسخ

با سلام
مثل اینکه علاوه بر IE تگ meter در فایرفاکس هم اجرا نمیشه.

Masoud Azimi replyپاسخ

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

کل مطالب این 5 جلسه رو راحت تو دو الی حداکثر سه جلسه میشد جمع کرد

لقمان آوند

برای اینکه مسائل مختلف در مورد موضوعات رو بگیم کمی طولانی تر شده این جلسات. اگر بخوایم همون موقع بگیم که کل سرفصل ها نامرتب میشه. سرفرصت و در جای خودش در موردش صحبت می کنیم. چیزی رو که گفتیم بعدا میگیم شما کاری بهش نداشته باشید. بهش میرسیم. یا اگه عجله دارید در موردش سرچ کنید!
شاید میشد در 2-3 جلسه این موارد رو گفت ولی بعدا ممکن بود به جای شما خیلی از دانشجوهای دوره محتوا براشون مبهم میشد! هدف اینه که توضیحات جامع، نکات کامل و مناسب برای همه باشه.

سیداحمد حسینی replyپاسخ

سلام
من داشتم تگ هارو تمرین میکردم، زمانیکه از تگ u استفاده میکنم، روی آن خط میکشه و از عبارت deprecated استفاده میکنه.
آیا این تگ هم منسوخ شده!؟ البته در فیلم چیزی دراین مورد اشاره نشده بود.
نسخه phpstorm من 8.0.3 هست.

لقمان آوند

به جای این تگ بهتره از خصوصیت text-decoration:underline در css استفاده کنید .

سیداحمد حسینی

ممنون.

سیداحمد حسینی replyپاسخ

سلام مجدد
استاد این تگ time خروجیش به چه شکل هست؟
مثلا برای آن دستور شب یلدا آیا بیننده ی صفحه میتواند تاریخ و ساعت را ببیند؟
من امتحان کردم و اتفاقی نیافتاد!
اگر بیننده نمی تواند مشاهده کند پس کجا استفاده میشه؟

لقمان آوند

سلام
متن درون تگ تایم باید یا نام تاریخ خاص باشه (شب یلدا، نوروز …) یا خود تاریخ . نمایشش هم به شمل یه متن ساده هست .
بیشتر از لحاظ معنایی مهمه و به موتور های جستجو کمک می کنه از لحاظ زمانی بهتر تاریخ ها رو تشخیص بدن …

Pouriya Ariyafar replyپاسخ

سلام استاد
یک سوال
شما گفتید که تگ strong بر تگ b مقدم هست
من یک وبلاگی دارم وقتی یک پستی رو ب صورت HTML نگاه کردم دیدم برای bold کردن از تگ b استفاده کرده
خب اگه من بیام دستی عوض کنم و از تگ strong در وبلاگم استفاده کنم آیا در SEO وبلاگم تاثیری خواهد داشت یا نه
یک سوال دیگه
اگه اینها در SEO تاثیر مثبتی داره چرا دارندگان سرویس وبلاگ اینها رو رعایت نمیکنن؟ خب به نفع اونها هست که

لقمان آوند

سلام
تگ strong رو جایی که تاکید بر مهم بودن متن دارید استفاده کنید. اگر فقط بولد کردن مدنظر هست b رو استفاده کنید.
در هر جا اگر به ای شکل استفاده بشه موثر هست…

Pouriya Ariyafar replyپاسخ

استاد یک سوال دیگه
یکی از دوستان پرسید که چرا از Dreamweaver برای این دوره انتخاب نکردید و شما گفتید بررسی کردیم که دیدم phpstorm بهتره
میشه دلیل شخصی خودتون رو بگید
به این دلیل میگم که بیشتر جاها Dreamweaver رو خیلی بهتر از بقیه میدونن حالا دلیلش واقعا به خاطر خوب بودن هست یا اینکه صرفا فقط چون برای شرکت Adobe هست و به همین خاطر معروفه
این سوال مهمه برای من چون بالاخره شما استاد بنده هستید و من قرار هست دیگه از phpstorm استفاده کنم از مبتدی تا سطح حرفه ای و میخوام بدونم چ برتری نسبت به Adobe داره
ممنون از شما

وحید صالحی

سلام دوست عزیز php storm امکانات بیشتری نسبت به dream برای کدنویسی داره که وارد جزئیاتش نمیشم اما در لینک زیر درصد محبوبیت اینگونه IDE ها موجوده که میتونید مطالعه کنید وحتی تفاوت هاشون رو هم در گوگل میتونید جستجو کنید

best-php-ide-2014-survey-results

Pouriya Ariyafar

سلام استاد 😉
خیلییییی ممنون برای لینک و توضیحاتتون
خیلی مفید بود سپاس فراوان

وحید صالحی

خواهش میکنم موفق باشید.

Pouriya Ariyafar replyپاسخ

سلام استاد
من قسمت 5 رو نگاه کردم یک سوال به ذهنم رسید
شما در تایم 1:20:55 درباره تگ توضیح دادید
همین تگ رو من در phpstorm نوشتم دیدم روش خط کشید و مثل اینکه منسخ بود این تگ
لینک عکس

ولی خب شما به این موضوع اشاره نکردید
رفتم سایت w3schools اونجا هم اشاره ای به منسج شدن این تگ U نکرده بود
لینک سایت

برای همین کمی گنگ شدم درباره این تگ
میخواستم ببینم نظر شما چیه؟ ممکنه phpstorm من اشتباه نشون بده؟
ممنون از شما

لقمان آوند

خیر درسته
در مورد منسوخ شده این تگ و بعضی تگ های دیگه در دوره صحبت کردیم. ادامه رو ببینید …

عباس احمدی replyپاسخ

سلام استاد
می خواستم بدونم که با اتمام این دوره آیا می تونم برای یک سایت وردپرسی قالب بسازم ؟
اصلا این طراحی قالبه کجا بکار میآد؟

لقمان آوند

سلام
نه نمیشه و برای طراحی قالب وردپرس موارد دیگه ای مثل js,php و مفاهیم وردپرس رو باید بلد باشید .
خوب اصل ظاهر سایت همون قالبشه دیگه که شما باید بر اساس نیاز خودتون طراحیش کنید.

milad000cu replyپاسخ

در دقیقه 33 گفتید Ctrl + P for paste !!
بعد در دقیقه حدودا 44 در قسمت استایل دوجا کالر زدید !! میخواستم ببینم کالر دوم بر اولی مقدم است یا خیر؟؟

وحید صالحی

دوست عزیز در دقیقه 33 منظور همون ctrl+V برای عملیات paste هست که اشتیاه تایپی و لفظی هست ولی متوجه منظورتون از مورد در دقیقه 44 نشدم!

Sir.Shayan replyپاسخ

عرض سلام و خسته نباشد
افزونه Emmet برا Phpstorm رو پیدا نکردم اگه امکانش هست لینکی چیزی برا دانلود بدین برای PhpStorm

وحید صالحی

بصورت پیشفرض درش هست کافیه کد رو بنویسید و کلید tab رو بزنید مثلا div.test بعدش کلید tab رو بزنید

Sir.Shayan

متاسفانه نمیشه
هر کدی رو امتحان میکنم جواب نمیده تنها کدی که جواب میده HTML:5 هست که تب رو میزنم میاره ولی بقیه کد ها رو نه و فاصله میندازه !
کانفیگ اقای لقمان رو هم ریختم ولی متاسفانه تاثیر نداره ! (در تگ Body این مشکل هست در صورتی که مثلا همه رو پاک کنم و Div تب رو بزنم میاره اما داخل تگ Body این اتفاق نمی افته !

لقمان آوند

اگر همون یکی رو هم جواب میده یعنی اینکه نصبه emmet .
باید در جا و مکان درست ازش استفاده کنید. مثلا تو صفحات با پسوند .html باید به کار بره …

Mey Hek replyپاسخ

درود بر شما استاد آوند گرامی و تشکر برای تدریس دقیق و ارزشمندتون که من رو به شخصه به ادامه راه امیدوار میکنه
سوالی که برای من مطرح شد در مورد تگ های code و pre بود که آیا برای رعایت معنا گرایی استفاده از این تگ ها به صورت تو در تو، کار صحیحیست ؟
code>
pre>
content
pre/>
code/>
برای نمایش صحیح کد ها در این کامنت آنها را نبستم
سپاسگزارم

لقمان آوند

سلام
بله اتفاقا موردی که گفتید عرف هست و استفادش به این شکل مناسب و خوبه

Hamide Jalilpoor replyپاسخ

سلام
استاد چرا به جای تگ wbr از تگ br استفاده نمی کنیم؟

لقمان آوند

تگ br حتما خط رو می شکونه. ولی wbr میگه اگر کلمه خیلی بزرگ و طولانی باشه که در یه خط جا نشه از اینجا می تونی ببریش سطر بعد !

itone replyپاسخ

سلام مجدد خدمت استاد اوند
استاد توی اولای ویدوئو در مورد کد صحبت کردید و گفتید که با css بعدا به اون استایل میدیم و شکل پیشفرضشو عوض میکنیم !!!

حالا سوال من اینکه چه طوری میشه درون این سیستمی طرح کنیم که مثلا مثل پی اچ پی استورم باشه مثلا درون تگ کد یکسری کد های سی اس اس مینویسیم .
خود به خود مثلا بیاد property ها رو یه رنگ مجزا بکنه و value ها رو هم یه رنگ مجز ا ؟؟

برای نوشتن این سیستم به برنامه نویسی خاصی نیاز هست >؟؟؟
امید وارم مفهوم سوالمو به درستی رسونده باشم یه دونه عکسم از این سیستم گرفتم که بیشتر قابل درک باشه :
این لینکش :
http://itone.xzn.ir/(01).png

لقمان آوند

سلام
برای نمایش کدها به شکل زیبا یه سری پلاگین های جاوااسکریپت خاص به نام syntax highlighter وجود داره که به راحتی می تونید ازشون استفاده کنید.
می تونید همین عبارت رو تو گوگل سرچ کنید و بگردید دنبالش …

امیر replyپاسخ

سلام.
ببخشید یکجا در آموزش ویدیو درباره تگ output مثالی از کدهای php زدید و فرمودید که جمع دو عدد و sum of to number .خواستم ببینم این عبارت لاتین همان جمع دو مقدار منظور است یا یک اصطلاح در زبان php.
چون اگر لاتین باشد عبارت sum of two number چرا نیومد…
ممنون از لطفتون و کیفیت بالای جلسات… 😀 😀 😀

لقمان آوند

سلام
یه w جا انداختیم! یه s هم بعد از number جا انداختیم !
پیش میاد دیگه !

امیر

نه من فکر کردم شاید یه نکته ای مثلا توش باشه یا یه اصطلاح تو زبان برنامه نویسی بود…
بله درسته استاد..
اختیار دارید 🙂 🙂 🙂

سید وحید رضا فراهانی replyپاسخ

سلام و عرض ادب.
سوالی که دارم این هست که معمولا کلمه با اهمیت را استروک یا ایتالیک یا حتی آندرلاین می کند در متن .که نوعی معنا بحساب میاد طبق گفته شما .
حال اگر ما چند تگ رو درون هم قرار بدیم و بصورت همزمان استفاده کنیم ! مشکلی پیش میاد ؟ آیا لزومی داره همزمان با هم استفاده بشه ؟ آیا استفاده همزمان تگ تو تگ ها اهمیت کلمه را بالاتر می بره یا نه لزومی نداره و ..
بدین شکل که در زیر نوشته شده !
آموزش طراحی وب

وحید صالحی

مشکلی نیست میشه استفاده کرد

رقیه باقری replyپاسخ

سلام لینک دانلود ویدیوها مشکل داره!
میشه لطفا بررسی کنید

لقمان آوند

سلام
تست کردیم مشکلی نداره
فقط لطف کنید از موبایل یا تبلت دانلود نکنید. باید با pc دانلود شه

رقیه باقری

استاد من تا جلسه چهارم رو بدون مشکل دانلود کردم.
ولی حالا فقط می تونم آنلاین ببینم با مرورگرهای مختلف هم چک کردم. فک کنم مشکلم سیستمی باشه! 😕

وحید صالحی

دوست عزیز بررسی شد و لینک دانلود مشکلی نداره با پ دانلود می کنید ؟موبای یا تبلت یا لپ تاپ و سیستم خانگی؟

رقیه باقری replyپاسخ

سلام
با لپ تاپ دانلود کردم

سجاد حیدری replyپاسخ

استاد محترم، جناب آوند،، در قسمت معرفی دو تگ meterو progress هیچ گونه مقداری در قسمت content نداریم،، اما چرا از تگ پایانی استفاده میکنیم؟؟؟ برای هر دو تگ گفته شده به همین شکل هست. سوال بعدم این است شما گفتید که تگ progress یک تگ بلاکی هست،، و نمایش آن در ویدئو هم به همین شکل بود،، اما وقتی من از این تگ استفاده میکنم نمایش ان inlineهست و فایلی هم که خود شما هم درون پوشه پنجم گذاشتین،، اون فایل هم مرورگر کروم به صورت in-line نمایش میدهد،، در ضمن ورژن phostorm که من استفاده میکنم 10 هست.ممنون میشم پاسخگو باشید

لقمان آوند

تگ پایانی رو باید بزارید. مستنداتش رو در w3schools ببینید .
اگر اینطور گفتم اشتباه کردم. در واقع display تگ progree مقدار inline-block هست.

سید حسن میرعربشاهی replyپاسخ

تفاوت تگ wbr با br چیست؟

لقمان آوند

br حتما خط رو می شکونه ولی wbr در حالتی اینکارو میکنه که طول کلمه در یک خط بزرگ باشه و از اونجا می تونه بشکونه

سید حسن میرعربشاهی replyپاسخ

تفاوت تگ s با del چیه؟ میدونم که از s زمانی استفاده میکنیم که گفته درست ، دقیق و مناسب نیست . و از del زمانی که میخوایم متنی رو حذف کنیم. و از s نباید برای جایگزین کردن متن و یا حذف استفاده کنیم. اما هر دو در خروجی به یک صورت نمایش داده می شوند. ولی در رابطه با تگ s ، وقتی یه گفته ای از اعتبار ساقط شده یا درست نیست ، و میخواهیم یه چیز دیگه بنویسیم ، یعنی میخوایم اون رو حذف کنیم دیگه؟ و یه چیز دیگه رو جایگزین کنیم.
در کل بگم که من متوجه نشدم که تفاوت این دو تگ در چیست؟ لطفا توضیح بدید.
و در آخر بگم که واقعا این تگ s مثل تگ bdo ، لازم نیست و به درد نمیخوره. چون استفاده شون مشابه هست.

لقمان آوند

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

سید حسن میرعربشاهی

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

حتی سایت شما ، وقتی که تخفیفی رو میذارید ، میخواید اون قیمت قبلی خط بخوره ، از text-decoration: line-through استفاده میکنید نه تگ s . پس نشون میده شاید موارد استفاده اش 10 درصد باشه.
درسته؟

لقمان آوند

سلام
بله از 10 درصدم خیلی کمتره

سید حسن میرعربشاهی replyپاسخ

ببخشید یه سوال دیگه. اینکه تنظیم کنیم که مثلا برای هر کاربر با توجه به اعتبار هدیه اش رو قیمت قبلی خط بخوره و قیمت جدید رو بده . به صورت خودکار هست. با php برنامه نویسی میشه؟

وحید صالحی

بله با php میشه البتع استایلش رو و اون خط رو قیمت رو میشه با css طراحی کرد بعد با php و از طریق دیتابیس برای قیمت محصول 2 تا فیلد در نظر گرفت و قیمتی رو که می خواهید روش خط بخوره رو از دتابیش بگیرید و در فایل html جایی که توسط css خط روی قیمت رو طراحی کردید نمایش بدید و یک فیلد هم برای قیمت جدید در دیتابس بزارید و اون رو هم از دیتابیس بخونید و در کنار قیمت خط خورده به عنوان قیمت جدید نمایش بدید دقیقا مثل کاری که سایت دیجی کالا در قسمت اسلایدر پیشنهادات فروشش اسلایدر دوم انجام داده دقیق همین شکلی هست

سید حسن میرعربشاهی

بله
من هیچی از php نمیدونم ، لازم نیست اینقدر توضیح بدید.
فقط منظورم اینه که خودمون چیزی رو دست نزنیم و خودکار این انجام میشه. مثلا من 12 تومان اعتبار هدیه دارم و هر دوره ای رو که میخوام ثبت نام کنم 12 تومان ازش کم شده. شما که نمی آید برای هر نفر رو اینطوری تنظیم کنید و خودکار هست. درسته؟ شما انگار فقط یه استایل css رو میدید به php و … . که برای هر نفر خودکار نمایش بده. به این میگن پویایی صفحه . درسته؟
خیلی ممنون

وحید صالحی

زمانی که شما چیزی از php نمی دونید بنده هم هر قدر توضیح بدم متوجه نخواهید شد در ضمن ارتباطی به دادن css به php نداره اما بصورت خودکار و پنل تنیمات این کار انجام میشه…

سید حسن میرعربشاهی replyپاسخ

فقط منظورم اینه که این کار ها با php انجام میشه دیگه؟

لقمان آوند

بله برای انجام اتومایک این کار php استفاده شده

saeed khandani replyپاسخ

اموزش ها کامل بود ، غرض فقط عرض خسته نباشید بود !!!

وحید صالحی

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

alireza rezaii replyپاسخ

سلام و خسته نباشید خدمت تیم خوب سون لرن لینک دانلود جلسه 5 به بعد مشکل دارند و همچنین فایل ها ویدیو هم که در سایت وجود داره اجرا نمیشود ممنون میشم زودتر بررسی بفرمایید.

کیوان علی محمدی

مشکل حل شد.

Naser Alimoradi replyپاسخ

سلام شما گفتید برای تگ هایی که محتو ندارن تگ گایانی نیاز نیست ولی برای تگ تگ پایانی گذاشتین میشه توضیح بدین؟ ممنون

لقمان آوند

تو حالتی که xhtml هست معمولا تگ پایانی رو لازم می دونن.

mhmd sfn replyپاسخ

سلام خسته نباشید استاد . یه سوال در مورد تگ time داشتم .
گفتید که این تگ یه خصوصیت داره به اسم datetime . که تو اون تاریخ دقیق اون روز رو مشخص می کنیم . حالا سوال من اینه که دلیل اینکه تاریخ دقیق رو وارد می کنیم چیه ؟ کجا بدرد می خوره ؟ چون تو صفحه وب نشون نمیده که . برا موتور جستجو هست؟
لطفا یه توضیح بدید ممنون میشم

لقمان آوند

بله این مورد برای استفاده معنایی و موتورهای جستجو هست

محمدحسین معتمدیان replyپاسخ

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

محمدحسین معتمدیان replyپاسخ

سلام تگ div و تگ span چه فرقی با تگ p دارن میشه توضیح بدید استاد

علی صالحی replyپاسخ

سلام جناب اوند
یه سوالی مدتیه درگیرشم دیگه اخر سر خواستم بپرسم
شما تو اموزش تاکید دارید که از تگ های معناگر استفاده کنیم که این خوب درست تو سئو سایت هم تاثیر زیادی داره ولی اگه ما برای یه بلاگفا مثلا یه قالب بنویسیم بعد تو قسمت مدیریت یه مطلب جدید اضافه کنیم وقتی میخوایم مثلا از تگ storng یا code تو مطلب استفاده کنیم باید چیکار کنیم ؟ تگ های i b هست ولی اینا مفهوم گر نیست باید بریم تو تنظیمات قالب و کد هاشو عوض کنیم یا مجبوریم همونجوری ادامه بدیم ؟
دو تا سوال دیگه دارم
این بلاگفا خودش بر پایه php نوشته شده ؟ که به هر کاربر یه پنل مدیریتی میده و میتونه صفحه خودشو مدیریت کنه ؟ و اگه کسی php بلد باشه میتونه یه همچین سیستمی بسازه ؟ wordpress هم مثل سیستم بلاگفاس یا اون فرق میکنه
یه سوال دیگم اینه ایا میشه یه صفحه مدیریتی برای بلاگفا ساخت به غیر از امکانات خود بلاگفا مثلا با Php یه پنل مدیریتی بسازیم که از اونجا با امکانات زیاد تر وبلاگ خودمونو مدیریت کنیم یا از این پنل مدیریتی فقط تو وردپرس میشه استفاده کرد ؟
کلا یکم ذهنم دگیره امیدوارم به جواب سوالام برسم
این خیلی خوبه که با ارامش کامل و با تسلط زیاد اموزش رو پیش میبرین
تشکر

علی صالحی replyپاسخ

یه سوال دیگه جناب اوند شما چرا تو مقاله های سایت خودتون از تگ article استفاده نکردید ؟ و فقط از تگ p استفاده کردید اونجوری که تو سئو سایت شمام تاثیر زیادی داشت

مصطفی قدیمی

سلام سئو به خیلی از عوامل دیگه بستگی داره دوست عزیز نمیشه کاملا گفت بخاطر این موضوع باشه اینمیکی از فاکتور هاشه که از تگ های به روز وبدون اشکال استفاده کنید

علی صالحی replyپاسخ

سلام جواب کامنت قبلی و نمیدین ؟

تقی نوشی فرد replyپاسخ

سلام. تگ progress در مرورگر کروم بنده بصورت بلاک رفتار نمی کند و برای نمایش هر کدام از تگ ها در خطوط مختلف از تگ br استفاده کردم. نسخه مرورگر بنده
Version 70.0.3538.77 (Official Build) (32-bit)
است.

Amir Ahangar Azizi replyپاسخ

سلام
تو ویدیو قسمت توضیح تگ progress مطرح میشه که تگ بلوکی هست ولی من بدون br زدم تو یک سطر قسمت progress رو آورد

Amir Ahangar Azizi

تو سوال های دیگه جواب رو \یدا کردم

reza replyپاسخ

سلام آیا تگ مخصوص عبارتهای لاتینه ؟ برای عبارتهای فارسی چنین چیزی داریم اصلا؟

ارسال نظرات

کاربر گرامی، امکان ارسال نظر و پشتیبانی برای دوره های مجازی فقط برای دانشجویان این دوره امکان پذیر می باشد.