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

ساختار HTML4

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

ساختار 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

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

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

۱ دیدگاه

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

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

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

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین