تگ h1 تا h6 در HTML

تگ h1 تا تگ h6
تگ h1 تا h6 از سری آموزش html ، عنوان اصلی این جلسه ماست. در این مقاله نحوه نوشتن آنها، کاربرد و مکان جاگیری آنها توضیح داده خواهد شد. این تگ ها یکی از مهمترین المان های اچ تی ام ال به شمار میروند.تگ h1 تا h6 آشنایی تگ های H که به تگ heading نیز مشهور هستند، برای ایجاد عنوان یا تیتر های صفحه استفاده میشن. آقای جان مولر، یکی از مدیران آنالیز وبمستر های گوگل، در اهمیت استفاده از تگ های h1 تا h6 میگن:   از تگ های H برای درک بهتر ساختار متن در یک صفحه استفاده می کنیم.  در تکمیل بیانات ایشون...
ادامه مطلب

تگ body در HTML

تگ body در HTML
تگ body در HTML چیست؟ کاربرد این تگ چیه؟ آیا تگ بدنه همان تگ body است؟ این تگ، بدنه اصلی صفحات اچ تی ام ال است.  به نوعی میشه گفت تگ بادی، چهارچوب، چهارستون و قالب کلی و کالبد تمام صفحات html است. ولی چرا؟ چون از این به بعد تمامی تگ های قابل رویت برای کاربر، در داخل این تگ نوشته میشه. تگ هایی مثل تگ p، تگ a، تگ img، تگ های heading یا سرتیتر ها و ... همگی فرزند این تگ محسوب میشن و باید در بطن آن نوشته بشن.تگ body در html کجا نوشته می شود؟ تگ بدنه یا همان تگ بادی، باید داخل تگ html نوشته بشه و درست پس از...
ادامه مطلب

CSS در HTML | تگ CSS | تگ استایل

css در html تگ css تگ استایل
چگونه می توان از دستورات css در html استفاده کرد؟ تگ css یا تگ استایل چه کاربردی دارد؟ روش داخلی استفاده از css در html چگونه است؟ دستورات css نوشته میشن که در کدهای html اعمال بشن. درواقع دستورات css به تنهایی هیچ صفحه ای رو ایجاد نمی کنن، بلکه نقش آرایشگر رو برای صفحات html بازی می کنن. در فیلم آموزش html به صورت کامل و کاربردی انواع روش ها رو توضیح دادیم اما در این مقاله هم می خواهیم هر 3 روش رو شرح بدیم:روش های استفاده از دستورات css در html 1- روش خطی در این روش، دستورات css در داخل هر تگ html...
ادامه مطلب

تگ لینک

تگ لینک
در بحث آموزش html وقتی نوبت به تزیین فایل میرسه، آموزش تگ لینک، جزو حیاتی ترین کارهای هر زبان آموزیه. وقتی در یک فایل اچ تی ام ال اقدام به نوشتن تگ لینک می کنیم، درواقع ابلاغ می کنیم که این سند با یه فایل دیگه ارتباط داره و یک پیوند آسمانی! بین اون دو تا ایجاد می کنیم. معمولا از این تگ برای پیوند دادن به فایل های css استفاده میشه اما واسه تعریف آیکون سایت یا فاوآیکون (Favicon) هم از این تگ استفاده می کنیم.تگ لینک کجا تشریف دارن؟ این تگ باید داخل تگ head نوشته بشه. عین تگ های متا و title که...
ادامه مطلب

تگ متا meta یا متا تگ ها در html و نقش آنها در سئو و ریسپانسیو

meta تگ متا در HTML و تاثیر آن در سئو و ریسپانسیو
در هر فایل html، باید اطلاعاتی درمورد سند و فایلمون به مرورگرها و موتورهای جستجو انتقال بدیم. اطلاعاتی درمورد نام نویسنده، کلمات کلیدی و ... به این اطلاعات اصطلاحا metadata متادیتا یا ابَر اطلاعات میگیم. می دونیم که ما در فایل های اچ تی ام ال، تنها چیزی که داریم تگ ها هستن. پس واضحه که این اطلاعات رو باید از طریق تگ ها انتقال بدیم. به تگ هایی هایی که مسئول حمل و ارائه متادیتا ها هستن، تگ متا (تگ meta) میگن. اصطلاح های متادیتا و ابَر اطلاعات در مقاله تگ head در html کامل توضیح داده شدن. meta tag...
ادامه مطلب

تگ title و اهمیت آن در سئو

تگ title چیست؟
تگ title همونجوری که از اسمش هم پیداست، عنوان صفحه تون رو تعیین میکنه. حتما پیش اومده که وقتی دارین توی وب می چرخین متوجه نوشته هایی در بالاترین قسمت هر صفحه شدین. اینو میگم:اینو بهش میگن عنوان صفحه. میدونم الان دارین میگین این که خیلی ریزه. اصلا اهمیتی نداره که بخوایم درموردش حرف بزنیم. درسته؟ باید بگم سخت در اشتباهین.تگ title چیست؟ اگه خاطرتون باشه در مقاله تگ head گفتم که تگ head شامل متادیتا هایی هست که واسه مرورگرها و جستجو گر ها مهمه. تگ title یکی از این متادیتا هاست. اما این...
ادامه مطلب

تگ head در HTML

نگ head و سئو
head در لغت به معنی سر است. این تگ به عنوان سر یک فایل و سند اچ تی ام ال است. درمورد اهمیت این تگ کافیست بگوییم که تگ head، مغز یک فایل html است و خودتان بهتر می دانید که هیچ موجود هوشمندی بدون مغز نمی تواند کار کند. قبل از معرفی این تگ، شما باید با تعریف متادیتا آشنا شوید:متادیتا چیست متادیتا در لغت به معنی ابر داده است اما تعریف کاربردی آن، دیتا درمورد دیتا یا اطلاعاتی درمورد اطلاعات است. یک فایل اچ تی ام ال شامل اطلاعات یا دیتا است و متادیتا اطلاعاتی درمورد این اطلاعات موجود در...
ادامه مطلب

تگ html

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

تگ DOCTYPE در HTML

تگ DOCTYPE
گاهی ممکنه یه صفحه html طراحی کنیم اما صفحه مون در مرورگر های مختلف به یک شکل نمایش داده نشه. مثلا توی کروم نمایش خوبی داشته باشه اما در سافاری بعضی چیزا نا مرتب و بی نظم باشن. میایین کد هاتون رو بررسی می کنین و می بینین که تقریبا همه چیز رو رعایت کردین. صفحه ریسپانسیوه. استایل ها به دقت اعمال شدن و تو مرورگر خودتون عالیه. اما دقیقا چه اتفاقی واسه کدهاتون افتاده؟ گاهی ممکنه یه تگ که از نظر شما هیچ اهمیتی نداره رو کلا ننویسین یا ناقص بنویسین. یکی از این تگ ها، تگ DOCTYPE هستش. عدم...
ادامه مطلب

HTML چیست

HTML چیست اچ تی ام ال ؟
قبل از هر چیزی اول باید بدونیم اچ تی ام ال چیه دیگه نه؟ یا کلا HTML چیست ؟ اچ تی ام ال یا HTML مخفف عبارت Hypertext Markup Language هستش. اما این عبارت قلمبه سلمبه چیه؟ بخوام اینو ترجمه کنم میشه : زبان نشانه گذاری فرا متن. این تعریف در اولین نگاه میگه که HTML یک زبان هستش. اما کارش نشانه گذاریه. اما من اصلا از این تعریف خوشم نمیاد و میخوام تعریف هایی که خودم از اچ تی ام ال دارم رو بهتون بگم. پس:HTML چیست از زبان خودم html آجر اینترنت اگه به یک ساختمان یا واحد آپارتمان دقت کنین، می بینین که اساسی...
ادامه مطلب