طراحی وب سایت در کرج
026-34204893
09101013858

آموزش اچ تی ام ال

آموزش اچ تی ام ال

آموزش اچ تی ام ال

ساخت یک سند HTML

آموزش اچ تی ام ال از آب خوردن نیز آسان‌تر  است. برای ایجاد فایل‌های اچ تی ام ال نه به برنامه خاصی و نه به سیستم عامل بخصوصی نیاز دارید. در واقع شما آموزش اچ‌تی‌ام‌ال را می‌توانید حتی به کمک نرم‌افزار نوت پدنت پد ویندوز نیز ایجاد کنید. با این وجود توصیه می‌کنیم برای راحت‌تر نوشتن کدها و همچنین فهم بهتر مطالب از نرم افزارهای ویرایش متن استفاده کنید.

ما در این آموزش اچ تی ام ال، به شما نحوه ایجاد یک فایل اچ تی ام ال را در برنامه ویرایش متن پیش فرض ویندوز، یعنی نوت پد Notepad آموزش می‌دهیم.

مرحله اول: در نسخه‌های قبل از ویندوز ۸، بر روی دکمه Start ویندوز کلیک کنید. سپس از بخش All Programs وارد بخش Accessories شوید و از آنجا برنامه Notepad را اجرا کنید. در ویندوز ۸ یا نسخه‌های جدیدتر نیز منوی استارت (گوشه سمت چپ صفحه) را کلیک کرده و کلمه Notepad را تایپ کنید تا برنامه در لیست روبرویتان قرار گیرد. حالا متن کدها را در فایل متنی که باز کرده‌ایم وارد می‌کنیم. در حال حاضر چون متنی را نمی‌دانیم هر چه دوست دارید در آن بنویسید و به مرحله بعدی بروید.

مرحله دوم: حالا وقت ذخیره فایل در آموزش اچ تی ام ال (قالب صفحه اچ تی ام ال) است. برای این کار از منوی file در نرم افزار NotePad گزینه save As را انتخاب کنید. فایلتان را به نام دلخواه مثلا zoomit.Html تغییر دهید. توجه داشته باشید که حتما پسوند html. را بعد از نام دلخواهتان قرار دهید تا فرمت متن به یک سند اچ تی ام ال تبدیل شود.

مرحله سوم:‌ در این قسمت یک گزینه کشویی به نام encoding دیده می‌شود که بهتر است آن را روی UTF-8 قرار دهید.

مرحله پایانی: حالا فایلتان را در جایی که دوست دارید ذخیره کنید. با کلیک بر روی آن خواهید دید که فایل در مرورگر وب پیش فرض شما باز خواهد شد و همه چیز آماده شروع کد نویسی به زبان HTML است.

 تگ‌ها (Tag):

ما در بین دو علامت <> قرار می‌گیرند. ما به این علامت و کلمه بین آن‌ها, اصطلاحا تگ اچ تی ام ال یا گاهی المان اچ تی ام ال می‌گوییم. به مثال زیر توجه کنید تا منظورمان را بهتر متوجه شوید:

<اسم تگ> متن یا هر چیز دیگر<اسم تگ به همراه علامت اسلش(/)>

<tagname> content </tagname>

به تگ اول opening tag و به تگ دوم Closing tag می‌گوییم. شما هر چه دوست دارید خطابشان کنید.

  • نمونه یک تگ باز کننده (همان فارسی openning tag است): <html>
  • نمونه یک تگ تمام کننده (معادل فارسی closing tag است): <html/>

قالب تگ‌های HTML به صورت بالا تعریف می‌شوند. یعنی در ابتدا نام تگی که قصد استفاده از آن را داریم,در بین< > می‌نویسیم، سپس محتوایی که می‌خواهیم نمایش دهیم را بین دو تگ ابتدایی و انتهایی نوشته  و در آخر المان را با علامت اسلش /  تمام می‌کنیم.

خیلی مهم است که حتما به بسته شدن و باز شدن تگ‌هایتان دقت داشته باشید. اگر به موقع تگ‌هایتان را تمام نکنید ممکن است اچ تی ام ال هر تگ را تا انتهای صفحه نمایش دهد یا ترتیب آن‌ها را رعایت نکند.

 

پست مرتبط
بخش اول آموزش html - طراحی وب سایت در کرج - شرکت طراحی سایت کیان تجارت فاوا
بخش اول آموزش html

بخش اول آموزش html – طراحی وب سایت در کرج – شرکت طراحی سایت کیان تجارت فاوا html چیست ؟ زبان نشانه‌گذاری ابرمتنی  یا اچ‌تی‌ام‌ال، HTML یا HyperText Markup Language در کنار css هستهٔ فناوری ساخت صفحه‌های وب هستند. اچ‌تی‌ام‌ال زبان توصیف ساختار صفحه‌های وب است. زبانی‌است برای نشانه‌گذاری ابرمتن که برای تدوین قالب و طراحی صفحه‌های وب به کار می‌برند. دستورالعمل‌های این زبان، برچسب […]

ادامه مطلب
آموزش CSS - پس زمینه در CSS - طراحی سایت در کرج شرکت طراحی سایت کیان تجارت فاوا
آموزش CSS – پس زمینه در CSS

آموزش CSS – پس زمینه در CSS – طراحی سایت در کرج شرکت طراحی سایت کیان تجارت فاوا پس زمینه در CSS یکی از موارد بسیار پر استفاده در CSS استفاده از پشت زمینه‌های متنوع است. در واقع شما در این زبان می‌توانید به هر المانی، عکس یا رنگ یا کادر دلخواه بدهید. قبل از […]

ادامه مطلب

دیدگاهتان را بنویسید