ویراستاری HTML (قسمت دوم)


یک ویرایشگر متن ساده تمام چیزی است که شما برای یادگیری HTML نیاز دارید. (ویراستاری)


یادگیری HTML فقط با استفاده از Notepad و Text Edit

صفحات وب را می توان با استفاده از ویرایشگرهای حرفه ای HTML ایجاد و ویرایش کرد.
با این حال ، برای یادگیری HTML ما یک ویرایشگر متن ساده مانند(Notepad (PC و
(Text Edit (Mac را پیشنهاد میکنیم
ما معتقدیم که استفاده از یک ویرایشگر متن ساده روش خوبی برای یادگیری HTML است
مراحل زیر را دنبال کنید تا اولین صفحه وب خود را با Notepad یا Text Edit ایجاد کنید.


مرحله 1 : باز کردن Notepad کامپیوتر

ویندوز 8 یا بالاتر : صفحه شروع (منو) را باز کنید (نماد پنجره پایین سمت چپ) دفترچه یاداشت را تایپ کنید و آن را باز کنید

ویندوز 7 یا قدیمی تر : نماد پنجره ، برنامه ها ، لوازم جانبی ، دفترچه یاداشت


مرحله 2 : چند خط کد HTML بنویسید

کد HTML زر را بنویسید یا آن را کپی کنید

<!DOCTYPE html>
<html>
<body>

<h1>   اولین عنوان من     </h1>
<p>    اولین پاراگراف من  </p>

</body>
</html>

مرحله 3 : صفحه HTML را ذخیره کنید

ذخیره فایل در کامپیوتر . انتخاب منو File > save as
حالا باید یه نام برای فایل خود انتخاب کنیم و با فرمت HTML آن را ذخیر کنیم “index.html
و Encoding (رمز نگاری) را روی UTF-8 قرار میدهیم (که رمز گذاری ترجیحی برای پرونده HTML است)

save as
save as

نکته : برای پسوند فایل میتوانید از (htm – .html.) استفاده کنید . بین این دو مورد هیچ تفاوتی وجود ندارد


مرحله 4 : صفحه HTML را در مرورگر خود تماشا کنید

فایل HTML ذخیره شده را در در مرورگر مورد علاقه خود باز کنید (روی پرونده دوبار کلیک کنید یا کلیک راست کنید و “باز کردن” را انتخاب کنید)

نتیجه کار شبیه تصویر زیر است .

chrome
chrome

ویرایشگر آنلاین وینستاگرام “خودتان امتحان کنید”

با ویرایشگر رایگان( ویراستاری ) آنلاین ما میتوانید کد HTML را ویرایش کرده و نتیجه را در مرورگر خود مشاهده کنید
وقتی میخواهید کد را سریع تست کنید ، این ابزار ایده آل است . همچنین دارای کدگذاری رنگی و
قابلیت ذخیره و اشتراک کد با دیگران است .

<!DOCTYPE html>
<html>
<head>
<title>    عنوان صفحه    </title>
</head>
<body>

<h1>    اولین عنوان من     </h1>
<p>     اولین پاراگراف من  </p>

</body>
</html>

برای دیدن نحوه کار روی دکمه “خودتا امتحان کنید” کنید کنید



Leave a Reply

Your email address will not be published. Required fields are marked *

Translate »