html بهترین آموزش

نیما کرمانی 
  بازدید : 94
دوشنبه 3 ارديبهشت 1403 زمان : 6:20 


1
2
3
4
5

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

طرفداران

رابط برنامه نویسی آسان برای درک

برای مک، ویندوز بهترین آموزش Html و لینوکس موجود است

پشتیبانی از زبان قابل توجه

منفی

بدون تکمیل خودکار به طور پیش فرض

یافتن و تغییر تنظیمات بصری دشوار است.

از چه چیزی اجتناب کنید

نمای جلویی کد شما از مرورگری به مرورگر دیگر متفاوت بهترین آموزش Html است – با CSS پیشرفته بیشتر در مورد آن خواهید آموخت.

هنگام نوشتن کد HTML از مایکروسافت ورد یا هر واژه پرداز دیگری استفاده نکنید، فقط یک ویرایشگر HTML یا حداقل، دفترچه یادداشت داخلی دستگاه شما برای این کار مناسب است.

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

ایجاد اولین صفحه وب HTML شما

ابتدا باید ویرایشگر HTML خود را باز کنید، جایی که یک آموزش برنامه نویسی کودکان و نوجوانان صفحه سفید تمیز برای نوشتن کد خود پیدا خواهید کرد.

از آنجا باید صفحه خود را با تگ های زیر چیدمان کنید.

ساخت پایه یک صفحه HTML

این تگ ها باید در بالای هر صفحه HTML که ایجاد می کنید، بهترین آموزش Html زیر یکدیگر قرار گیرند.

— این تگ زبانی را که در صفحه می نویسید مشخص می کند. در این مورد، زبان HTML 5 است.

- این تگ نشان می دهد که از اینجا به بعد می خواهیم با کد HTML بنویسیم.

تبليغات

- اینجا جایی است که تمام ابرداده‌های صفحه می‌روند بهترین آموزش Html - چیزهایی که عمدتاً برای موتورهای جستجو و سایر برنامه‌های کامپیوتری در نظر گرفته شده‌اند.

- این جایی است که محتوای صفحه می رود.

ساختار HTML

به این صورت است که صفحه HTML متوسط شما به صورت بصری ساختار یافته است.

برچسب های بیشتر

در داخل تگ

تبليغات

، یک تگ وجود دارد که همیشه و بهترین آموزش Html جود دارد: ، اما موارد دیگری نیز وجود دارد که به همان اندازه مهم هستند:</p> <p dir="RTL"> </p> <p dir="RTL"><عنوان></p> <p dir="RTL">اینجا جایی است که نام صفحه را همانطور که در بالای پنجره یا برگه مرورگر ظاهر می شود وارد می کنیم.</p> <p dir="RTL"><متا></p> <p dir="RTL">این جایی است که اطلاعات مربوط به سند ذخیره می شود: بهترین آموزش Html رمزگذاری کاراکتر، نام (زمینه صفحه)، توضیحات.</p> <p dir="RTL">بیایید یک بخش اصلی <head> <style> .star-rating,.star-rating a:hover,.star-rating a:active, .star-rating .current-rating{ background: url(https://www.alvandblog.ir/images/002.gif) left -1000px repeat-x;}.star-rating{position:relative; width:80px; height:16px;overflow:hidden;list-style:none;margin:0; padding:0;background-position: left top;} .star-rating li{display: inline;} .star-rating a,.star-rating .current-rating{ position:absolute;top:0;left:0; text-indent:-1000em;height:16px; line-height:16px;outline:none; overflow:hidden; border: none;} .star-rating a:hover,.star-rating a:active{background-position: left bottom; } .star-rating a.one-star{ width:20%; z-index:6; } .star-rating a.two-stars{ width:40%; z-index:5; } .star-rating a.three-stars{width:60%; z-index:4; } .star-rating a.four-stars{ width:80%; z-index:3; } .star-rating a.five-stars{ width:100%; z-index:2; } .star-rating .current-rating{ z-index:1; background-position: left center; }</style> <script src="/js/site.js" type="text/javascript"></script> <div id="7494982" style="position: fixed; left: 1px; top: 1px; z-index: 999; width: 120px; border: 1px solid rgb(240, 240, 240); background-color: rgb(255, 255, 255); padding: 0px; margin: 0px;"><div style="height: 15px; border-bottom: #F0F0F0 1px solid;padding-top: 2px; background-color: #fff; margin: 0;width:120px"><div style="width:12px;padding: 0; margin: 0; float: right; cursor: pointer; color: #C0C0C0; font-size: 8pt;font-weight: bold; font-family: tahoma; text-align: center;" onclick="document.getElementById('7494982').style.display='none'">X</div><div style="width:106px; padding: 0; margin: 0; float: left; text-align: center;"><a style="text-decoration: none; color: #000080; font-size: 8pt; font-family: tahoma;" href="https://alvandblog.ir/ads.php/" target="_blank"> تبليغات</a></div><div style="clear: both; padding: 0; margin: 0;"></div></div><div style="position: relative;padding: 0; margin: 0;height:240px;width:120px;"><a href="https://ads.alvandblog.ir/Post/13/" target="_blank" rel="nofollow"> <img border="0" src="https://imgurl.ir/uploads/n40753_tabligh1.gif" width="120" height="240"></a></div></div>  <script type="text/javascript" src="https://1abzar.ir/abzar/tools/fix-pic/?pz=2&ax=https://s2.uupload.ir/files/n6_%D8%AB%D8%A8%D8%AA_%D8%A2%DA%AF%D9%87%DB%8C_%D8%B1%D8%A7%DB%8C%DA%AF%D8%A7%D9%86.gif&url=http://www.alvandagahi.ir"></script><div style="display:none"><h2><a href="https://www.1abzar.com/abzar/fix-pic.php">تصویر ثابت</a></h2></div>  <script type="text/javascript"> BlogComments = [158,0]; </script> را امتحان کنیم:</p> <p dir="RTL"> </p> <p dir="RTL"><سر></p> <p dir="RTL"><title>اولین صفحه وب من

اضافه کردن محتوا

بعد، تگ

را می سازیم.

HTML

جایی است که ما محتوایی را اضافه می کنیم که برای مشاهده توسط چشم انسان طراحی شده است.

این شامل متن، تصاویر، جداول، فرم ها و هربهترین آموزش Html چیز دیگری است که هر روز در اینترنت می بینیم.

چگونه سرفصل های HTML را به صفحه وب خود اضافه کنید

در HTML سرفصل ها با عناصر زیر نوشته می شوند:

همانطور که حدس زده اید

و

باید برای بهترین آموزش Html مهمترین عناوین استفاده شوند، در حالی که تگ های باقی مانده باید برای عنوان های فرعی و متن های کم اهمیت استفاده شوند.

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

ایجاد عنوان شما

بیایید آن را امتحان کنیم. در یک خط جدید در ویرایشگر HTML، تایپ کنید:

به صفحه من خوش آمدید

و save را بزنید. ما این فایل را به عنوان “index.html” در یک پوشه جدید به نام “my webpage” ذخیره خواهیم کرد.

لحظه حقیقت: روی فایل تازه ذخیره شده کلیک کنید و بهترین آموزش Html اولین صفحه وب شما باید در مرورگر پیش فرض شما باز شود. ممکن است زیبا نباشد، مال شماست... همه مال شماست. *خنده شیطانی*

خوب بیایید غافل نشویم؛ ما هنوز تعداد زیادی ویژگی عالی داریم که می توانیم به صفحه شما اضافه کنیم.

نحوه اضافه کردن متن در HTML

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

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

قرار می دهیم.

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

سایر عناصر کلیدی

آنها به شرح زیر است:

هدف معنی عنصر

پررنگ اطلاعات مهم را برجسته کنید

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

کج برای نشان دادن متن

متن تأکید شده معمولاً به عنوان زیرنویس تصویر استفاده می شود

متن علامت‌گذاری شده پس‌زمینه متن را برجسته کنید

Small Text برای کوچک کردن متن

~~Striked Out Text برای قرار دادن یک خط افقی در سراسر متن~~

متن زیرخط دار برای پیوندها یا متن های برجسته استفاده می شود

متن درج شده با خط زیر برای نمایش متن درج شده نمایش داده می شود

_{متن زیرنویس انتخاب سبک تایپوگرافیک}

^{متن فوق‌نویس یکی دیگر از شیوه‌های ارائه تایپی}

این تگ ها باید در اطراف متن The best Html tutorial مورد نظر باز و بسته شوند.

نام کاربری :
رمز عبور :
تکرار رمز عبور :
ایمیل :
نام و نام خانوادگی :
کد امنیتی :