معرفی زبان HTML جلسه اول

معرفی زبان HTML جلسه اول

با سلام خدمت دوستان عزیز سایت تمینا امروز جلسه اول از سری اموزش های html رو با هم اغار می کنیم  در این جلسه میخواهیم به معرفی و آموزش HTML4 بپردازیم. HTML مخفف Hyper Text Markup Language به معنای “زبان علامت گذاری فرامتن”، در سال ۱۹۹۹ به دنیا معرفی شد. از آن زمان تا کنون این زبان نشانه گذاری تغییرات زیادی کرده  و امروزه HTML5 به بازار آمده است. طراحی وب را اگر درست و اصولی شروع کنید، می‌توانید طی مدت کوتاهی با تلاش و پشتکار و انگیزه، تبدیل به طراح وب شوید. پس اگر جزو افراد علاقمند به یادگیری هستید و اطلاعاتی در این زمینه ندارید یا تازه شروع کرده‌ایدامیدواریم این آموزش‌‌ها، بتواند به شما در فراگیری اصول اولیه طراحی وب یاری رساند. 

معرفی زبان HTML جلسه اول معرفی زبان html جلسه اول معرفی زبان HTML جلسه اول cover 1

  کاربرد HTML

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

نوشتن HTML

پس از معرفی زبان HTML، نحوه نوشتن آن مهم میشود. زبان HTML برخلاف XML با یک سری تگ های (برچسب)از پیش تعریف شده نوشته میشود. هر یک از محتویات سایت از جمله متن، عکس، جدول، تیتر و … با استفاده از این تگ ها نمایش داده میشود.   این تگ ها باید در محل درستی تعریف شوند در غیر این صورت حتی ممکن است یک صفحه وب نمایش داده نشود.

مفهوم تگ ها

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

تگ ابتدايی مشخص کننده آغاز تگ و تگ پايانی ، مشخص کننده انتهای تگ است . هر تگ HTML ، بايد حتما در ادامه توسط تگ پايانی بسته شود . کليه نوشته ها و تگ های ديگری که در بين تگ ابتدا و پايان نوشته می شوند ، محتويات تگ را تشکيل می دهند .

 

و قتی  کد  را ذخیره کردیم در مرورگر نتیجه زیر حاصل می شود:

معرفی زبان HTML جلسه اول  معرفی زبان html جلسه اول معرفی زبان HTML جلسه اول Capture

معرفی زبان HTML جلسه اول

ساخت یک سند HTML

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

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

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

Start-All Programs-Notepad

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

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

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

 

 

آموزش HTML آموزش طراحی وب

دسته بندی و برچسب

6 نظر

  1. سلام
    کاشه Pdfبودند تا دانلود میشدند
    یادرایمیل وتلگرام کنالی داشت

  2. رجافلامرززاده

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

  3. سلام.خسته نباشید.میشه لطف کنیدفایل پی دی اف مطالبتونم بذارید

دیدگاه خود را بیان کنید