رفتن به مطلب

ssabaqi

Members
  • تعداد ارسال ها

    4
  • تاریخ عضویت

  • آخرین بازدید

اعتبار در سایت

0 Neutral

درباره ssabaqi

  • درجه
    Newbie
  1. نام رنگ‌ها یک روش ساده اما بسیار محدود برای سیستم رنگ‌بندی استفاده از نام رنگ‌ها است. به این صورت که اگر شما به رنگ قرمز نیاز داشته باشید کافی‌ست نام آن را بنویسید: red. به کدهای زیر دقت کنید: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1 style="color:red;">Simple Text</h1> </body> </html> همانطور که می‌بینید من از نام رنگ قرمز برای مقدار دهی color استفاده کردم. اما این سیستم بسیار محدود است. چرا؟! پاسخ بسیار ساده است. تصور کنید که من یک رنگ قرمز را می‌خوام که میزان غلظت رنگی آن کم باشد، خب در این صورت من باید از چه اسمی استفاده کنم؟ آیا چنین نامی را داریم؟ جواب خیر است. حالت دیگری را تصور کنید که من در آن بخوام چند رنگ را با همدیگر مخلوط بکنم. در این حالت چه؟ باز هم سیستم رنگ‌بندی براساس نام نمی‌تواند درست عمل بکند. به همین دلیل ما باید دنبال جایگزین دیگری باشیم. Hexadecimal هگزادسیمال یا سیستم ۱۶ تایی اعداد به ما این قابلیت را می‌دهد تا کمی بیشتر از ۶ میلیون رنگ را استفاده کنیم. استفاده از این سیستم بسیار ساده است. در یک سیستم ۱۶تایی از اعداد ما با اعداد ۰ تا ۹ و a تا f سر و کار داریم. حال ما در این سیستم قابلیت ترکیب رنگی سه رنگ اصلی یعنی Red Green Blue یا قرمز سبز آبی را داریم. برای مقدار دهی به میزان هرکدام از این رنگ‌ها ما می‌توانیم از اعداد سیستم ۱۶ تایی استفاده بکنیم. مقدار f یعنی خیلی خیلی آبی (حداکثر) و مقدار ۰ یعنی خالی از آبی (حداقل). برای درک بهتر این موضوع به کد زیر نگاه کنید: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1 style="color:#0000ff;">Simple Text</h1> </body> </html> مقابل خاصیت color مقدار #۰۰۰۰ff قرار گرفته که به معنی رنگ آبی است. چگونه؟ در سیستم رنگ‌دهی هگزادسیمال ۶ عدد وجود دارد که هر دو عدد از سمت چپ نمایانگر یک رنگ از سه رنگ اصلی هستند. از سمت چپ به راست، دو عدد اول قرمز، دو عدد میانی سبز و دو عدد آخر آبی هستند. وقتی که مقدار دو عدد اول ۰۰ باشد به این معناست که رنگ قرمز وجود نداشته باشد، برای دو عدد میانی نیز به همین صورت، اما وقتی دو عدد آخر برابر ff (حالت حداکثر) باشد به این معنی است که رنگ برابر با آبی باشد. یک عدد پیچیده‌تر و یک رنگ متفاوت‌تر: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1 style="color:#d63e5f;">Simple Text</h1> </body> </html> با مشاهده تصویر زیر بسیار بهتر می‌توانید موضوع ترکیب این سه رنگ را درک کنید: استفاده از RGB در سیستم رنگ‌بندی RGB دقیقا همان فلسفه مورد قبلی پیاده‌سازی می‌شود، با این تفاوت که سیستم عدد گذاری در این حالت متفاوت است. در این سیستم ما از اعداد بین ۰ تا ۲۵۵ استفاده می‌کنیم. به مثال زیر برای تولید رنگ آبی توجه کنید: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1 style="color:rgb(0, 0, 255);">Simple Text</h1> </body> </html> میزان شفافیت در برخی سیستم‌های رنگ‌بندی ما می‌توانیم یک گزینه یا پارامتر دیگر را نیز تنظیم کنید. این پارامتر میزان شفافیت یا Opaciy است. این مقدار عددی بین ۰ تا ۱ است. این مقدار به صورت پیشفرض برابر با ۱ است اما می‌توانید آن را تا حدی کاهش دهید که کاملا المان شما محو شود. برای مثال اگر این مقدار برابر ۰ باشد هیچ چیزی در صفحه مشاهده نمی‌شود. برای اینکار نیاز است که حرف a را به انتهای rgb اضافه کنید و همچنین یک مقدار چهارم در پرانتز قرار دهید. به مثال زیر توجه کنید: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1 style="color:rgba(0, 0, 255,0);">Simple Text</h1> </body> </html> می‌توانید از مقادیر .۱, .۲, .۳ … .۹ استفاده کنید. لینک لینک‌ها در HTML تحت عنوان Hyperlink یا ابر لینک شناخته می‌شوند. چرا بدینگونه است؟ دلیل این است که لینک‌ها در HTML علاوه بر فایل می‌توانند به صفحات دیگر اشاره کنند. یعنی شما روی یک لینک کلیک می‌کنید و این لینک شما را به یک صفحه html دیگر ارجاع می‌دهد. این کار باعث می‌شود که یک شبکه از لینک‌ها شکل بگیرد که ما آن را ابر لینک می‌نامیم. برای پیاده‌سازی یک لینک ما از تگ a استفاده می‌کنیم. ساختار این تگ به صورت زیر است: 1 <a href="url">link text</a> Href = یکی از خاصیت‌های تقریبا منحصر به فردی است که برای تگ‌هایی که نیاز به آدرس دهی دارند استفاده می‌شود. مقدار خاصیت href برابر آن فایل و یا صفحه‌ای است که شما می‌خواهید کاربر با کلیک روی لینک به آن دسترسی پیدا کند. هر متنی که در بین <a> و </a> قرار بگیرد به عنوان متن لینک شناخته می‌شود. کاربر در زمان کلیک روی آن به لینک متصل می‌شود. می‌توانید برای لینک‌های‌تان عنوان نیز در نظر بگیرید. عنوان به این معنا که کاربر قبل از کلیک روی لینک می‌تواند از محتوای آن خبردار شود. این کار با استفاده از خاصیت title انجام می‌شود. به مثال زیر توجه کنید. 1 <a href="https://amuzeshtak.com" title="Go To AmuzeshTak for learning HTML,CSS,JS and etc">Amuzeshtak</a> این کد را اجرا کنید. حال قبل از کلیک روی متن تنها چند لحظه ماوس را روی لینک نگه دارید. در این حالت یک کادر برای شما ظاهر می‌شود که حاوی متن مربوط به قسمت title است. خاصیت title یک خاصیت منحصر به فرد نیست و تقریبا برای بیشتر تگ‌ها موجود است. باز شدن لینک در پنجره‌های مختلف لینک شما این قابلیت را دارد که به صورت‌های مختلفی باز شود. برای اینکار نیاز است که از خاصیت target استفاده کنید. به مثال زیر توجه کنید: 1 <a href="https://amuzeshtak.com" title="Go To AmuzeshTak for learning HTML,CSS,JS and etc" target="_blank">Amuzeshtak</a> حال کد بالا را اجرا کنید و روی لینک کلیک نمایید. در این حالت لینک شما در یک صفحه یا پنجره جدید باز می‌شود. _blank یکی از مقادیر است که باعث می‌شود لینک در صفحه جدیدی باز شود اما حالت‌های دیگری نیز وجود دارد که می‌توانید در زیر آن‌ها را مشاهده کنید. _self: باعث می‌شود که لینک در همان تب باز شود. به صورت پیشفرض این مقدار فعال است. _parent: این مقدار باعث می شود که لینک در فریم مادر باز شود. _top: با استفاده از این مقدار، لینک در یک پنجره کاملا جدید باز می‌شود. نتیجه‌گیری در این قسمت از آموزش HTML ما یک مقوله بسیار مهم در HTML به نام سیستم رنگ‌بندی را بررسی کردیم و بعد از آن سراغ لینک‌ها در HTML و شیوه پیاده‌سازی آن رفتیم.
  2. تگ‌های عنوان – H1 … H6 تگ‌های عنوان یک مجموعه ۶ موردی از تگ‌هایی است که به ما کمک می‌کنند تا عنوان‌های متنی را در صفحه ایجاد کنیم. چرا ۶ مورد هستند؟ سوال خوبی است. به مثال روزنامه بازگردید. شما می‌توانید عنوان‌های مختلفی را ببینید، برخی از آن‌ها بزرگ‌تر هستند و برخی کوچکتر، پس سطح بندی یا بهتر است بگوییم درجه‌بندی شده‌اند. تگ‌های عنوان عبارت هستند از موارد زیر: 1 2 3 4 5 6 <h1>Title 1</h1> <h2>Title 2</h2> <h3>Title 3</h3> <h4>Title 4</h4> <h5>Title 5</h5> <h6>Title 6</h6> کدهای بالا را در فایل test1.html که در جلسه پیش ساختیم «در بین تگ‌های body» قرار بدهید و آن‌ را اجرا بکنید. حال می‌توانید مشاهده کنید که تگ‌ها با شماره کوچکتر،‌ متنی با اندازه بزرگ‌تر تولید می‌کنند. تگ hr از تگ hr برای کشیدن یک خط افقی استفاده می‌شود. این تگ یک تگ Self Closing است به این معنا که تگ بسته ندارد. بیایید یک مثال ترکیبی از استفاده تگ پاراگراف، عنوان،‌ شکست خط و خط افقی را مشاهده کنیم. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE html> <html> <head> <title>Simple Page</title> </head> <body> <h1>Basic Title</h1> <h2>Article Section</h2> <h3>First Post</h3> <p>Hello World! <br /> HTML Course</p> <hr /> <p>Another Hello World</p> </body> </html> کدهای بالا را در یک ویرایشگر قرار داده و در یک فایل با پسوند html ذخیره نمایید. بعد از آن فایل را با مرورگر باز کنید. خاصیت‌ها یا Attributes قبل از اینکه مستقیما راجع به خاصیت‌ها صحبت کنیم بیایید یک مثال کلی از خاصیت‌ها را بیان کنیم. دو انسان کامل از نظر جسمی را در نظر داشته باشید. این دو انسان هر دو پا دارند، دست دارند، چشم دارند و… . اما این انسان‌ها کاملا شبیه همدیگر نیستند. هر کدام از این افراد یکسری صفات منحصر به فرد برای خودشان را دارند. ممکن است یکی از آن‌ها صبور و دیگری کم طاقت باشد و یا اینکه یکی مهربان و دیگری رفتار خشنی داشته باشد. تگ‌های HTML نیز دقیقا به همین صورت هستند. شما ممکن است دو تگ H1 را در صفحه داشته باشید اما این موارد می‌توانند صفات متفاوتی داشته باشند. صفات و خصوصیات به تگ‌های HTML این قابلیت را می‌دهند تا کارهای بیشتری انجام دهند و کارایی بالاتری داشته باشند. برای تعریف صفات در HTML به صورت زیر می توانید کار بکنید: 1 <tagname attributes="value">Content</tagname> برای مثال یکی از خاصیت‌هایی که بسیار استفاده می‌شود خاصیت class است که ما بعدا در رابطه با آن نیز صحبت می‌کنیم. اما برای اضافه کردن آن به تگ‌های مختلف می‌توانیم به صورت زیر عمل کنیم: 1 2 3 <p class="p1"></p> <h1 class="heading"></h1> <h5 class="h6"></h5> مقدار value برای هر کلاس به صورت دلبخواه است و هر مقداری را می‌توان در آن قرار داد. اما قبل از اینکه این بحث را خاتمه دهیم یک موضوع مهم دیگر نیز وجود دارد که باید به آن اشاره کنیم: ما دو دسته از خاصیت‌ها را داریم. خاصیت‌های همگانی و خاصیت‌های انحصاری. خاصیت‌های همگانی به آن دسته از خاصیت هایی اشاره دارد که برای تقریبا تمام تگ‌ها استفاده می‌شود. برای مثال class یک خاصیت همگانی است که می‌شود از آن در تگ‌های متفاوت استفاده کرد. خاصیت‌های انحصاری به خاصیت‌هایی گفته می‌شود که برای یک یا چند تگ محدود استفاده می‌شود. برای مثال خاصیت method تنها برای تگ form استفاده می‌شود و مورد استفاده تگ‌های دیگر قرار نمی‌گیرد.
  3. ssabaqi

    تگ های HTML

    ساختار تگ‌های HTML تگ‌های HTML در دو حالت ارائه می‌شوند. تگ‌هایی که تگ بسته منحصر به فرد دارند و تگ‌هایی که خودشان، خودشان را می‌بندند. هر کدام از تگ‌ها یک فضای کاری دارند. یعنی در خود یکسری محتوا را قبول می‌کنند. برای مشخص کردن مرز شروع و پایان تگ ما از تگ شروع و تگ پایان استفاده می‌کنیم. به ساختار زیر دقت کنید: 1 <TagName> Content </TagName> تگ باز شدن با استفاده از علامت بزرگ و کوچک ریاضی <> و نام تگ پیاده‌سازی می‌شود، همچنین تگ بستن با استفاده از همان موارد به اضافه یک علامت Forward Slash قبل از نام تگ پیاده‌سازی می‌شود. در بین باز و بسته شدن تگ نیز محتوا قرار می‌گیرد. حالت دوم تگ‌ها، تگ‌هایی هستند که نیاز به تگ بستن ندارند. در واقع این تگ‌ها خودشان به صورت خودکار بسته می‌شوند. به این تگ‌ها Self Closing می‌گویند. در ادامه مطالب با این نوع تگ‌ها نیز آشنا خواهیم شد. بیایید به کدهای‌مان باز گردیم: 1 2 3 4 5 6 7 8 9 <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> </body> </html> در کدهای بالا از خط دوم به بعد ما با ۴ تگ سر و کار داریم: <HTML>: تمام کدهای مربوط به فایل HTML در بین این تگ (تگ باز و تگ بستن) قرار می‌گیرد. محتوای خارج از این تگ به عنوان کد HTML شناخته نمی‌شود. می‌توانید به HTML به عنوان یک چیزبرگر نگاه کنید، نان ابتدایی و انتهایی چیزبرگر همان HTML هستند. <Head>: اطلاعاتی راجع به وبسایت را تحویل مرورگر، موتورهای جستجوگر، بات‌ها و… می‌دهد. ما در ابتدا کمتر با این تگ سر و کار داریم. المان‌های غیر بصری –غیر دیداری از چشم کاربر- در این قسمت قرار می‌گیرد. <Title>: این تگ منحصرا باید در داخل <head> و </head> استفاده شود. محتوای بین این دو تگ، عنوان وبسایت را مشخص کرده و روی تب‌های مرورگر قرار می‌دهد. <Body>: این تگ بدنه وبسایت شما را تعیین می‌کند. در واقع هر چیزی که بین این دو تگ استفاده شود در مرورگر به شما نمایش داده می‌شود. در این قسمت است که ما تصاویر، متن‌ها، لیست‌ها و کلی عنصر دیگر را به وبسایت‌مان اضافه می‌کنیم. پس کار اصلی ما در این دوره پرداختن به این تگ و محتوای میان آن است. نکته ۱: هر تگی که زودتر باز شود دیرتر از همه بسته خواهد شد. برای مثال به تگ head و title توجه کنید: ابتدا تگ head باز شده و سپس تگ title اما روند بسته شدن آن‌ها برعکس است، ابتدا تگ title بسته شده و سپس تگ head. این یکی از قوانین اصلی در تو در تو نویسی کدهای HTML است. آشنایی با تگ P حال که با ضروری‌ترین تگ‌های HTML آشنا شدیم بیایید با تگ‌های مهم دیگری آشنا شویم. قبل از هر کاری فایل test1.html را یک بار دیگر در مرورگر باز کنید. در صفحه مرورگر چه چیزی ظاهر می‌شود؟ هیچ! خالی است. چرا؟ به این دلیل که ما هیچ محتوایی را در قسمت بصری HTML که همان تگ Body است قرار ندادیم. اولین تگی که ما از مجموعه تگ‌های Body یاد می‌گیریم تگ <p> </p> است. از این تگ برای تعریف یک پاراگراف خطی در HTML استفاده می‌شود. به مثال زیر دقت کنید. 1 2 3 4 5 6 7 8 9 <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <p>This is a new Paragraph</p> </body> </html> همانطور که می‌توانید مشاهده بکنید تگ <p> دارای تگی برای بسته شدن نیز است. پس مرز مشخصی دارد و محتوای مشخصی در آن قرار می‌گیرد. فایل test.html را در یک ویرایشگر کد باز کرده و براساس کدهای زیر تغییرات جدید را اعمال کنید. بعد از آن فایل را ذخیره کرده و در مرورگر اجرا کنید. شما موفق شدید! صفحه شما حال خالی نیست و در آن یک متن جدید قرار دارد. چالش: سعی کنید که همان کلمه Paragraph را در کدهای بالا به یک خط جدید بیاورید. به احتمال زیاد شما اینگونه عمل می‌کنید: 1 2 3 4 5 6 7 8 9 10 <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <p>This is a new Paragraph</p> </body> </html> این کار را انجام دهید و یک بار دیگر مرورگر را باز کنید، آیا تغییر آنچنان که می خواستید اعمال شد؟ خیر! چرا؟! HTML فرمان‌هایی را که در محیط متنی مانند Word انجام می‌شود را نادیده می‌گیرد. HTML از Enter پشتیبانی نمی‌کند بجای آن برای اینکه بتوانید یک Paragraph را به یک خط جدید بیاورید نیاز است که از یک تگ جدید استفاده کنید. تگ <br /> تگ <br /> یک تگ Self closing است. به این معنا که تگی برای بسته شدن ندارد، پس محتوایی نیز در بین آن قرار نمی‌گیرد (چون مرز مشخصی ندارد). به مثال زیر که در آن می‌خواهیم Paragraph را به یک خط جدید بیاوریم دقت کنید: 1 2 3 4 5 6 7 8 9 <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <p>This is a new <br /> Paragraph</p> </body> </html> حال مانند کد بالا فایل test1.html را تغییر دهید و در مرورگر اجرا نمایید. آیا Paragraph به خط جدید آمد؟
  4. ssabaqi

    ا

    اچ‌تی‌ام‌ال یا Hyper Text Markup Language نام زبان نشانه گذاری است که به شما در ایجاد صفحات وب کمک می‌کند. در واقع هر آنچه در مرورگر اینترنت به نمایش در می‌اید نتیجه این زبان است. خوشبختانه اچ‌تی‌ام‌ال زبان ساده‌ای است و یادگیری آن به معنای واقعی کلمه شیرین است. ساخت یک سند HTML ایجاد یک فایل اچ تی ام ال از آب خوردن نیز آسان‌تر است. برای ایجاد فایل‌های اچ تی ام ال نه به برنامه خاصی نیاز دارید و نه به سیستم عامل بخصوصی. در واقع شما فایل‌های اچ‌تی‌ام‌ال را می‌توانید حتی به کمک نرم‌افزار نوت پد NotePad ویندوز نیز ایجاد کنید. با این وجود توصیه می‌کنیم برای راحت‌تر نوشتن کدها و همچنین فهم بهتر مطالب از نرم افزارهای ویرایش متن رایگان همچون ++Notepad یا Sublime Text استفاده کنید. ما در این آموزش، به شما نحوه ایجاد یک فایل اچ تی ام ال را در برنامه ویرایش متن پیش فرض ویندوز، یعنی نوت پد Notepad آموزش می‌دهیم. مرحله اول: در نسخه‌های قبل از ویندوز 8، بر روی دکمه Start ویندوز کلیک کنید. سپس از بخش All Programs وارد بخش Accessories شوید و از آنجا برنامه Notepad را اجرا کنید. در ویندوز 8 یا نسخه‌های جدیدتر نیز منوی استارت (گوشه سمت چپ صفحه) را کلیک کرده و کلمه Notepad را تایپ کنید تا برنامه در لیست روبرویتان قرار گیرد. حالا متن کدها را در فایل متنی که باز کرده‌ایم وارد می‌کنیم. در حال حاضر چون متنی را نمی‌دانیم هر چه دوست دارید در آن بنویسید و به مرحله بعدی بروید. مرحله دوم: حالا وقت ذخیره فایل در قالب صفحه اچ تی ام ال است. برای این کار از منوی file در نرم افزار NotePad گزینه save As را انتخاب کنید. فایلتان را به نام دلخواه مثلا aramin.Html تغییر دهید. توجه داشته باشید که حتما پسوند html. را بعد از نام دلخواهتان قرار دهید تا فرمت متن به یک سند اچ تی ام ال تبدیل شود. مرحله سوم:‌ در این قسمت یک گزینه کشویی به نام encoding دیده می‌شود که بهتر است آن را روی UTF-8 قرار دهید. مرحله پایانی: حالا فایلتان را در جایی که دوست دارید ذخیره کنید. با کلیک بر روی آن خواهید دید که فایل در مرورگر وب پیش فرض شما باز خواهد شد و همه چیز آماده شروع کد نویسی به زبان HTML است.
  5. ssabaqi

    ا

    اچ‌تی‌ام‌ال یا Hyper Text Markup Language نام زبان نشانه گذاری است که به شما در ایجاد صفحات وب کمک می‌کند. در واقع هر آنچه در مرورگر اینترنت به نمایش در می‌اید نتیجه این زبان است. خوشبختانه اچ‌تی‌ام‌ال زبان ساده‌ای است و یادگیری آن به معنای واقعی کلمه شیرین است. ساخت یک سند HTML ایجاد یک فایل اچ تی ام ال از آب خوردن نیز آسان‌تر است. برای ایجاد فایل‌های اچ تی ام ال نه به برنامه خاصی نیاز دارید و نه به سیستم عامل بخصوصی. در واقع شما فایل‌های اچ‌تی‌ام‌ال را می‌توانید حتی به کمک نرم‌افزار نوت پد NotePad ویندوز نیز ایجاد کنید. با این وجود توصیه می‌کنیم برای راحت‌تر نوشتن کدها و همچنین فهم بهتر مطالب از نرم افزارهای ویرایش متن رایگان همچون ++Notepad یا Sublime Text استفاده کنید. ما در این آموزش، به شما نحوه ایجاد یک فایل اچ تی ام ال را در برنامه ویرایش متن پیش فرض ویندوز، یعنی نوت پد Notepad آموزش می‌دهیم. مرحله اول: در نسخه‌های قبل از ویندوز 8، بر روی دکمه Start ویندوز کلیک کنید. سپس از بخش All Programs وارد بخش Accessories شوید و از آنجا برنامه Notepad را اجرا کنید. در ویندوز 8 یا نسخه‌های جدیدتر نیز منوی استارت (گوشه سمت چپ صفحه) را کلیک کرده و کلمه Notepad را تایپ کنید تا برنامه در لیست روبرویتان قرار گیرد. حالا متن کدها را در فایل متنی که باز کرده‌ایم وارد می‌کنیم. در حال حاضر چون متنی را نمی‌دانیم هر چه دوست دارید در آن بنویسید و به مرحله بعدی بروید. مرحله دوم: حالا وقت ذخیره فایل در قالب صفحه اچ تی ام ال است. برای این کار از منوی file در نرم افزار NotePad گزینه save As را انتخاب کنید. فایلتان را به نام دلخواه مثلا aramin.Html تغییر دهید. توجه داشته باشید که حتما پسوند html. را بعد از نام دلخواهتان قرار دهید تا فرمت متن به یک سند اچ تی ام ال تبدیل شود. مرحله سوم:‌ در این قسمت یک گزینه کشویی به نام encoding دیده می‌شود که بهتر است آن را روی UTF-8 قرار دهید. مرحله پایانی: حالا فایلتان را در جایی که دوست دارید ذخیره کنید. با کلیک بر روی آن خواهید دید که فایل در مرورگر وب پیش فرض شما باز خواهد شد و همه چیز آماده شروع کد نویسی به زبان HTML است.
×