-
پشتبانی ثبت تیکت و سوالات پیش از خرید
-
پشتیبانی تلفنی 021-91300210
-
پشتیبانی فوری 0313740
ایجاد اولین سند HTML
ایجاد اولین سند HTML
همانطور که گفته شد بهترین ویرایشگرها برای یادگیری HTML ، ویرایشگرهای متنی ساده هستند. در ابتدا درباره نحوه ایجاد یک فایل با پسوند html در Notepad ( ویندوز ) و در TextEdit ( مکینتاش ) توضیح مختصری داده و سپس اولین صفحه وب را ایجاد خواهیم کرد .
توجه کنید که این آموزش اصول اولیه استفاده از یک کامپیوتر را به شما نمی آموزد ، بنابراین مطمئن شوید که دارای شرایط زیر هستید :
- آشنایی با هر ویرایشگر متنی مخصوصا notepad و نحوه استفاده از آن
- چگونگی ایجاد دایرکتوری ها و فایل ها
- آشنایی عمومی با اینترنت و استفاده از مرورگر مثل اینترنت اکسپلورر یا فایرفاکس و غیره
ایجاد فایل های HTML در ویندوز با استفاده از Notepad
1 . در مسیر All Programs >>Accessories برنامه Notepad را باز کنید.
۲ . کد HTML خود را وارد کنید .
۳ . مسیر File >> Save As ، فایل را ذخیره کنید .
۴ . قسمت “Save As Type” گزینه “Text Document” را به “All Files” تغییر دهید .
۵ . نام فایل را با پسوند .html ذخیره کنید .
ایجاد فایل های HTML در مکینتاش با استفاده از TextEdit
1 . از مسیر Finder >> Applications ، برنامه TextEdit را باز کنید.
۲ . در تب ” Format ” ، plain text را فعال کنید.
۳ . کد HTML خود را وارد کنید.
۴ . از مسیر File >> Save As ، فایل را ذخیره کنید.
۵ . پسوند فایل را از “.txt” به “.html” تغییر داده و نامی برای آن انتخاب کنید .
پنجره ای باز شده و از شما می پرسد که آیا می خواهید به پسوند فایل ، “.txt” اضافه شود و شما باید “Don’t Append” را انتخاب کنید .
نکته : دقت کنید که مشخص کردن پسوند”HTML” مهم است چون بعضی از ویرایشگرهای متنی مانند Notepad، اگر پسوندی برای متن انتخاب نشود ، به طور خودکار متن ها را با پسوند “.txt” ذخیره میکنند.
ایجاد اولین صفحه وب سایت :
برای شروع کردن کدهای HTML زیر را در Notepad تایپ کنید. مطمئن شوید که کد را به درستی وارد کرده اید در غیر این صورت صفحه وب شما ممکن است درست اجرا نشود.
کد بالا برای ایجاد یک صفحه وب پایه مورد نیاز است! حالا فایل خود را با توجه به دستور العمل ذکر شده برای Notepad ذخیره کنید . در زیر توضیحات مختصری درباره عناصر به کار رفته در این سند HTML ذکر شده است :
عنصر <html>
عنصر <html> حاوی کل عناصر موجود در سند HTML است . تنها معرفی DOCTYPE خارج از این عنصر خواهد بود.
عنصر <head>
عنصر <head> بلافاصله پس از <html> قرار میگیرد و اطلاعات مفیدی درباره صفحه وب به مرورگر ارائه میدهد، این اطلاعات شامل عنوان صفحه سند، لینک به برگه شیوه خارجی و اطلاعاتی درباره صفحه و نویسنده سند می باشد . این اطلاعات در محتویات مرورگر ظاهر نخواهد شد .
عنصر <title>
این عنصر مهم که بین عنصر <head> قرار میگیرد ، عنوان صفحه وب را مشخص میکند . این عنوان در نوار عنوان سربرگ مرورگر نمایش داده خواهد شد .
عنصر <body>
این عنصر، حاوی محتویات واقعی یک سند HTML است که شما بر روی صفحه مرورگر خود می ببینید.
عنصر <p>
این عنصر یک پاراگراف ایجاد خواهد کرد.
مشاهده صفحه وب با مرورگر
مرورگرهای وب برنامه هایی هستند که اسناد HTML را تفسیر می کنند،شما برای مشاهده صفحه وب خود، باید از یک مرورگر وب استفاده کنید . اکنون شما یک فایل HTML ایجاد کرده اید. با کلیک بر روی آیکون فایل، مرورگر وب شما به طور پیش فرض آن را باز خواهد کرد. به این صورت شما میتوانید فایل HTML خود را تست و آن را در مرورگر وب اجرا کنید.