مسئله ی شعر در کد نویسی HTML گفتم که فاصله ها با هر کیفیتی!! در HTML موقع نمایش فقط یه اسپیس حساب میشه! چه یه tab فاصله چه یه Enter چه n تا space bar همشون برابر یه فاصله هس!! :banghead::banghead::banghead: مثال: متن مخفی: نمایش فاصله https://www.w3schools.com/html/tryit.asp?filename=tryhtml_paragraphs2 یه شعر به حالت زیر نشون میده اگر وسط جفت تگ <p> نوشته بشه!:rolleyes: متن مخفی: مشکل فاصله https://www.w3schools.com/html/tryit.asp?filename=tryhtml_poem خب تا اینجا فهمیدیم سه تا چیز رو نمیشه نشون بدیم! نمیشه فاصله های بیشتر از یکی رو نشون بدیم! نبود break line یا اینتر نمیشود متن را دقیقن آنطور که تایپ میکنیم!!! نشون بده! مثل حالت شعر! خب ما راه حل داریم!!:geek: 1- نمایش چند تا فاصله: میشه با یه سری کد نوشتش! که زوده فعلا یاد بگیریم!:cautious: 2-ایجاد break line یا اینتر: میشه از تگ منفرد </br> اینتر ایجاد کرد!:giggle::giggle: مثال: متن مخفی: مثال break line https://www.w3schools.com/html/tryit.asp?filename=tryhtml_paragraphs 3-ایجاد نمایش به همان گونه که نوشتیم با نوشتن جفت تگ <pre> درون جفت تگ <p> متن نمایشی دقیقن مثل تایپ شماست! نه برا اساس اصول فاصله در HTML!!:bucktooth::bucktooth::bucktooth::bucktooth: مثال: متن مخفی: مثال pre https://www.w3schools.com/html/tryit.asp?filename=tryhtml_pre تکلیف شب داریم!! متن مخفی: تمرین 1 https://www.w3schools.com/html/exercise.asp?filename=exercise_headings1 متن مخفی: تمرین 2 https://www.w3schools.com/html/exercise.asp?filename=exercise_headings2 متن مخفی: تمرین 3 https://www.w3schools.com/html/exercise.asp?filename=exercise_headings2 متن مخفی: تمرین 4 https://www.w3schools.com/html/exercise.asp?filename=exercise_headings4 متن مخفی: تمرین 5 https://www.w3schools.com/html/exercise.asp?filename=exercise_paragraphs1 متن مخفی: تمرین 6 https://www.w3schools.com/html/exercise.asp?filename=exercise_paragraphs1 متن مخفی: تمرین7 https://www.w3schools.com/html/exercise.asp?filename=exercise_paragraphs3 متن مخفی: تمرین 8 https://www.w3schools.com/html/exercise.asp?filename=exercise_paragraphs4
این بخش! شامل Formatting متن هستش! گفته بودم که برای بلد کردن راه داریم! از هدینگ ها استفاده نکنید! راه هاش: 1- متنی که میخایید bold شه رو رو بین جفت تگ! <b> قرار بدین! مثال: متن مخفی: بلد1 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_b 2-متنی که میخوایید bold شه رو بین جفت تگ <strong> قرار بدین! مثال: متن مخفی: بلد2 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_strong پرسش: عایا میشه به دلخواه از هرکدوم از راه های بالا استفاده کنیم!؟ بله!! موتور های جستجو به جفت تگ <b> دید معنایی ندارن!:bucktooth: اما جفت تگ <strong> معنا داره! یعنی اینکه این بخش از متن مهمه!! برای italic کردن متن هم دو راه هستش! 1-بین دو تگ <i> قرار بدیمش! مثال: متن مخفی: italic 1 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_i 2- بین دو تگ <em> قرار بدیمش!مثال: متن مخفی: italic 2 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_em خب بازم میگم! نمیشه از این دو تا انتخاب کرد!:banghead: راه دوم معنایی و یعنی نویسنده روی متن! تاکید یا emphasize داره!! پس درست ازشون استفاده کنید!:rolleyes: برای کوچیک کردن متنی که کوچیک شدنش علت خاصی نداره میشه! مثل زیر متن مربوطه رو در جفت تگ <small> قرار بیدن مثل: متن مخفی: small text https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_small به زودی متنهایی رو میبینیم که برای کوچیک کردن متن هستن و دارای معنی هستن تگ هاشون!:speechless: برای ایکه نوشتن بدیم یه متن هایلایت شده هستش! میشه از راه زیر استفااده کرد! یعنی از جفت تگ <mark>::sneaky: متن مخفی: هایلایت https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_mark برای اینکه روی یه متنی! خط بزنیم! میشه از جفت تگ <del> استفاده کنیم!:giggle: مثال: متن مخفی: متن خط خورده https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_del برای اینکه بگیم یه کلمه به متن وارد شده از جفت تگ <ins> استفاده میکنیم! مثال: متن مخفی: متن وارد شده https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_ins دقت کنید!! عملکرد این تگ انگار عاندرلاینه ولی نیس! و تگش دارای معنی عه! به عنوان عاندرلاین ازش استفاده نکنید. برای اینکه یه متن بالاتر از حالت عادی بیوفته (یه چی تو مایه های توان عدد) میتونین اون متنو توی جفت تگ <sup>بذارید تا در حالت superscript قرار بگیره!:alien: مثال: متن مخفی: superscript https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_sub حالا برای انکه کمی از خط پایی نتر بیوفته! مثل اندیس ها! میشه از جفت تگ <sub> استفاده کنید! اینطوری متن درون تگ ها subscript میشه!:jawdrop::jawdrop: مثال: متن مخفی: subscript https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_sub جز یه تعداد! اغلب موارد گفته شده! تگ های معناداری اند! بعه جا ازشون استفاده کنید! :astronaut::banghead:مشق شب داریم! متن مخفی: تمرین 1 https://www.w3schools.com/html/exercise.asp?filename=exercise_formatting1 متن مخفی: تمرین 2 https://www.w3schools.com/html/exercise.asp?filename=exercise_formatting2 متن مخفی: تمرین 3 https://www.w3schools.com/html/exercise.asp?filename=exercise_formatting4
برای گذاشتن علامت " در دو طرف یه متن! که نقل قول یا quotation هسدش! متن مربوطه رو در جفت تگ <q> قرار بدین! اینطوری: متن مخفی: کوتیشن https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_q اگه بخوایید متن نقل قول شده از کس دیگه رو به صورت یه بند در یک بلوک خاص نشون بدین متن مربطه رو در جفت تگ <blockquote> قرار میدیم! مثال: متن مخفی: <blockquote> https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_blockquote اگر میخوایید از مخفف و سرواژه ها استفاده کنین باید اون مخفف رو در جفت تگ: <abbr> قرار بدیم!!:sneaky: مثال: متن مخفی: مخفف https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_abbr attribute عه cite برای اینه که شما کلمه ی کامل مخفف رو توش بنویسید! سپس وقتی یوزر موس رو روی مخفف ببره کاملشو ببینه!! دقت کنید ! تگ های بعدی اثر یکسانی در زمینه ی ظاهر بر متن دارن اما! تگ های با معنی هستن و برای بروزر ها قابل فهم! برای عادرس ها جفت تگ <address> برخی مرورگر ها قبل و بعد این عنصر یک اینتر میزنن!! متن مخفی: آدرس https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_address برای اثر هنری جفت تگ <cite> که توش نام اثر قرار میگیره که متن رو ایتالیک میکنه! مثال: متن مخفی: cite https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_cite برای سر و ته کردن متن!! از جفت تگ <bdo> استفاده میکنیم!! مثال: متن مخفی: bdo https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_bdo مشق شب داریم!:banghead: متن مخفی: تمرین 1 https://www.w3schools.com/html/exercise.asp?filename=exercise_quotation_elements1 متن مخفی: تمرین 2 https://www.w3schools.com/html/exercise.asp?filename=exercise_quotation_elements2 متن مخفی: تمرین 3 https://www.w3schools.com/html/exercise.asp?filename=exercise_quotation_elements3 متن مخفی: تمرین 4 https://www.w3schools.com/html/exercise.asp?filename=exercise_quotation_elements4
توضیحاتی که قصد نداریم در حاصل کار روی صفحه ی بروزر comment میگن! و برای تزریق کامنت به سند html از الگوی <-- Write your comments here --!> استفاده میکنیم! مثال: متن مخفی: comment https://www.w3schools.com/html/tryit.asp?filename=tryhtml_comment خب مزایای این چیه؟! میتونین بخشهای مختلف اسناد عو توش نشون بدین! بگین این قطعه کد مربوط به چیه و امثال اون! برای debugging مفیده! یعنی میتونین با کامنت کردن عناصری که مشکوک به خطا داشتن هستن !! ببینین صفتون چطور میشه!