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

مدرسه مجازی ایرانیان

دسته بندی موضوعات
سفارش تبلیغات

ساختار HTML4

ساختار HTML

فصل سوم ( معرفی ساختار HTML4 )

جلسه اول (ساختار HTML)

مدرسه مجازی ایرانیان ، هم مثل سایر سایت های آموزشی ، این مبحث رو بصورت جلسه ای به شما آموزش میده اما تفاوتی که مدرسه مجازی ایرانیان با سایت های دیگه داره اینه که ما برای فهم بهتر ، به صورت پروژه ای و بصورت عملی این مبحث رو به شما یاد میدیم .

با توجه به مطالبی که تو فصل قبل یاد گرفتید ، می تونید یه پروژه ی ساده ی HTML و به راحتی پیاده سازی کنید ، که این پروژه رو باهم و قدم به قدم انجام میدیم .

ابتدا تگ <!DOCTYPE>  و به همراه استاندارد اون (برای تعیین نوع سند که نشان دهنده ورژن چهار html هم هست ) مینویسیم.

سپس تگ <head></head> که یکی از تگ های ضروری هست رو می نویسیم ، تو این تگ به ترتیب ، تگ عنوان ، متاتگ ها ، فایل های سی اس اس ، فایل های جاوااسکریپتی قرار میگیرن . تنها عناصر <script>,  <style> , <title> , <meta> , <link> , <base> مجاز هستند که تواین عنصر قرار بگیرن .

<title> : با استفاده از این عنصر ، عنوان سایت رو مشخص می کنید .

<meta> : با استفاده از این عنصر ، شما میتونید متاتگ های تاثیرگذار در سئو رو درون صفحه قرار بدید . در جلسات آینده به طور کامل به این متاتگ ها اشاره می کنیم .

<link> : با استفاده از این عنصر ، شما فایل های css تون رو به صفحه اضافه می کنید .

<base> : یک URL پایه برای تمام پیوندها در صفحه معرفی می کند. (به ندرت از این عنصر استفاده میشه.)

<script> : با استفاده از این عنصر ، شما می تونید جاوااسکریپت هارو به صفحه اضافه کنید .

<style> : با استفاده از این عنصر ، شما می تونید استایل برای تگ های صفحه تعریف کنید .

 نکته : برای اطلاعات بیشتر و توضیحات تکمیلی در رابطه با متاتگ ها به بخش Seo  مراجعه کنید.

بعد تگ ضروری <body></body> و وارد می کنیم، تمامی کدهای سایت به غیر از تگ های مذکور بالا ، تو این قسمت قرار میگیرن.

 نتیجه نهایی :

نکته ی قابل توجه اینه که برای رعایت استاندارد HTML و XHTML تمامی عناصر رو به حروف کوچک بنویسید .

حالا می تونید کد بالا رو که تو NotePad++ نوشتید ذخیره کنید، برای اینکار روی منوی  file کلیک کرده و گزینه  save و انتخاب کنید، برای فایل خود اسم تعیین و با فرمت  .html ذخیره کنید، به عنوان مثال :  testFile.html

برای یادگیری بهتر این جلسه میتونید فایل ضمیمه را دانلود نمایید .

دریافت فایل
رمز تمامی فایل های رمز دار : iranweblearn.com یا iroschool.com

<<

>>

اگر این آموزش برای شما مفید بود با دوستان خود به اشتراک بگذارید



سفارش تبلیغات

گردآوری و تالیف : میترا رحیمی

بنیانگذار و نوسنده در مدرسه مجازی ایرانیان و سردبیر ماهنامه طراحی وب همچنین مدرس و مسلط به برنامه نویسی سمت سرور با PHP MVC و برنامه نویسی سمت کلاینت با html 5 , css3 , jquery , مبانی سئو و سیستم مدیریت محتوای وردپرس

خوراک خوشمزه و علمی روزانه
با وارد کردن ایمیلتون در فیلد روبرو آموزش های جذاب و vip دریافت نمایید

آموزش های مرتبط با این مطلب

دیدگاه های مخاطبین

لطفا تنها دیدگاه خود را در رابطه با این مطلب ارسال نمایید، سوالات را از طریق سامانه پرسش و پاسخ مطرح نمایید. سوالات در دیدگاه ها تایید نخواهد شد.

  • عباس پله

    سلام.
    کارتون حرف نداره…. واقعا
    زنده و پاینده باشید.
    ولی فکر کنم سایتتون دیر به دیر بروز میشه؟ درسته؟

وبلاگ مدرسه

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

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

آخرین پرسش و پاسخ ها

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟